[CLOSED] Style changed after upgrade to latest version

[jchau]

I upgraded to latest version from trunk this morning and noticed lots of visual error in my app. Do you know what styling change was committed that may affect offsets and such? Below are before and after.

before


after


There is no css change on my end from before to after. It seems like global reset of H1-H6 is gone? along with some weird offsets for divs.

[Vladimir]

Thanks for the report, TabMenu issue is fixed in SVN

In ExtJS 4.2 RC themes structure was changed and may be some css rules were changed also

Other issue: as I understood, left widget is DataView therefore you control all required rules for correct representation (may be you need to set zero padding and etc for own elements in the template)
What is top wiget? I don't thing that it is something standard therefore you should change your css rules

Or provide test case, we will hapy to help to fix those issues

[jchau]

Thanks for the report, TabMenu issue is fixed in SVN

In ExtJS 4.2 RC themes structure was changed and may be some css rules were changed also

Other issue: as I understood, left widget is DataView therefore you control all required rules for correct representation (may be you need to set zero padding and etc for own elements in the template)
What is top wiget? I don't thing that it is something standard therefore you should change your css rules

Or provide test case, we will hapy to help to fix those issues

Thanks, I will update from SVN for tab menu. The left widget is a dataview but I am using the html tpl and similar styles to your dataview examples. I will run the Explorer locally and see if I need to update my css styles. Like I said though, I didn't change any of my css styles prior to this.

[jchau]

Can Ext.NET reach out to Sencha and ask if they remove the CSS reset that has always been in their styles? I am referring to the reset that removes paddings/margins from all elements.

[jchau]

This affects Examples Explorer too. I attached before and after of the Advanced DataView example. Note the increased margin between elements, even in your tree on the left hand side.



Before


After

[jchau]

Ok, I think I fixed most of the places in my application now that css reset is gone. I hope they dont re-add that back later.....

[Vladimir]

It seems that ExtJS theme doesn't reset default browser styles anymore
See in http://www.sencha.com/forum/showthread.php?256443

EXTJSIV-8383 - Themes should not use resetCSS and related scopeResetCSS and styleHtmlContent

If you need reset then you can add the following code to head tag

<style>
        html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
        h4, h5, h6, pre, code, form, fieldset, legend,
        input, textarea, p, blockquote, th, td {
          margin: 0;
          padding: 0; } 
    </style>
    <ext:ResourcePlaceHolder runat="server" Mode="Style" />

[jchau]

Ok cool. Thanks for looking into it. Please mark this as closed. Looking forward to seeing the new Neptune theme.