PDA

View Full Version : [OPEN-EXTJSIV-1729][4.0.0] Ext.tab.Panel -> CSS issues



tobiu
26 Apr 2011, 2:47 PM
hi team,

the tabs are looking better than in Beta3, but still not perfect.
the problem is, that in ext 3.x they worked perfectly together with the famfamfam icons specified with the iconCls - config. these icons are 16x16px. now the tabs have:



.x-tab-default-top button, .x-tab-default-top .x-tab-inner {
height: 13px;
line-height: 13px;
}


which cuts of 3px from the images height. i think 1px at the top, 2 at the bottom.

i will add screens soon.


best regards
tobiu

tobiu
26 Apr 2011, 2:53 PM
here is the 4.0.0 version:

http://extthemes.com/external_images/tabs1.png

on the reservation tab you can see the image cut off top and bottom, messages shows the cut off bottom.


best regards
tobiu

evant
26 Apr 2011, 2:54 PM
We already have a ticket open for this, thanks.

tobiu
26 Apr 2011, 2:58 PM
if we change the css to:



.x-tab-default-top button, .x-tab-default-top .x-tab-inner {
height: 16px;
line-height: 16px;
}


the bottom of the icons get no longer cut off, but the top still 1px.
looks not perfect too since the text is not vertically centered anymore

http://extthemes.com/external_images/tabs2.png


best regards
tobiu

tobiu
26 Apr 2011, 3:33 PM
hi evan,

good you are on it :)


best regards
tobias

PV-Patrick
7 Jul 2011, 10:25 AM
Is this being worked on? Still not fixed as of 4.0.2a. Thanks!

tangix
1 Dec 2011, 8:35 AM
And in 4.1-PR1