samedi 28 février 2015

FiltersFeature styles do not work in prodution application

Hi,

I'm using Ext.ux.grid.FiltersFeature in a Ext 4.2 application.


Using it outside my application, the CSS works as expected, using the CSS classes defined in GridFilters.css, as we can see in http://ift.tt/1vL6Xbg


But in my application, the styles are never rendered properly. The class ux-filtered-column is injected as expected, by the styles are not applied, because there is a previous font property assigned to x-column-header.


When I check the differences between my application and the mentioned example, the only difference is the order of ux-filtered-column and x-column-header. In my generated CSS, the x-column-header appears before ux-filtered-column.


I did the following tests:

* Put the GridFilters.css styles in sass/etc/all.scss



Code:



.ux-filtered-column {
font-style: italic;
font-weight: bold;
}
.ux-gridfilter-text-icon {
background-image: url(images/find.png) !important;
}

* Put the style files in index.html before <!-- <x-compile> -->

Code:



<link rel="stylesheet" href="resources/css/GridFilters.css">
<link rel="stylesheet" href="resources/css/RangeMenu.css">

* Added !important to the rules.

Nothing works. The headers never get rendered properly.


Some help is appreciated. Thanks.






FiltersFeature styles do not work in prodution application

Aucun commentaire:

Enregistrer un commentaire