Affichage des articles dont le libellé est FiltersFeature styles do not work in prodution application. Afficher tous les articles
Affichage des articles dont le libellé est FiltersFeature styles do not work in prodution application. Afficher tous les articles

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