PDA

View Full Version : scopeResetCSS:true still overrides color and font



zerkms
19 Mar 2012, 6:21 PM
Due to the rule


.x-body{color:black;font-size:12px;font-family:tahoma, arial, verdana, sans-serif}

in ext-all-scoped.css - extjs4 still overrides the styles for font and color.

Everything else works as expected (I mean other styles are scoped well)

Any workaround for this?

skirtle
19 Mar 2012, 6:42 PM
If you're willing to edit the CSS file you can just add in an x-reset into the selector and that should fix it.

I use the scoped CSS myself but it needs a few tweaks to get it working correctly with all components across all browsers. In most cases the problems are caused because the x-reset comes too early in the selector.

zerkms
19 Mar 2012, 6:45 PM
Yep, I understand I can fix it by myself, but I expected it to work out of the box without any additional hacks.

zerkms
19 Mar 2012, 7:06 PM
Also (in IE only) grid header lost some styles + some few issues with grid decoration (tried on example basic grid, shipped with extjs4) :-(

zerkms
19 Mar 2012, 7:13 PM
In most cases the problems are caused because the x-reset comes too early in the selector.

Yep :-( Header background issue is fixed by changing


.x-reset .x-nlg .x-panel-header-default-top

to


.x-nlg .x-reset .x-panel-header-default-top

But, well, shouldn't it be fixed in some way in the original distribution then?