slemmon
30 Dec 2011, 2:56 PM
My 16px tall icons are trimmed in Ext JS 4 on the tabs in tabPanel in FF5. Changing:
.x-tab-default-top button, .x-tab-default-top .x-tab-inner {
height: 16px;
line-height: 13px;
}
.x-tab-default-top {
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
padding: 2px 3px 0;
}
seemed to keep the icons from being trimmed (for the top tabs, of course. similar action on the bottom tabs).
.x-tab-default-top button, .x-tab-default-top .x-tab-inner {
height: 16px;
line-height: 13px;
}
.x-tab-default-top {
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
padding: 2px 3px 0;
}
seemed to keep the icons from being trimmed (for the top tabs, of course. similar action on the bottom tabs).