Changes between Initial Version and Version 2 of Ticket #11363


Ignore:
Timestamp:
Jun 29, 2010, 9:55:49 PM (9 years ago)
Author:
bill
Comment:

Actually it happens in all the themes if you make your icon big enough.

Tundra has a min-height setting for the label, that is making all the tabs at least 16px tall:

.tundra .dijitTab .tabLabel {
	/* make sure tabs w/close button and w/out close button are same height, even w/small (<12px) font */
	min-height: 12px;
	display: inline-block;
}

Note though that IE6 doesn't support min-height except on TD's.

So, I could add a min-height rule into claro too but I think it would be better if you just set a min-height yourself, depending on the size of your icons. Alternately, have a 1x16 blank icon for use in the tabs without icons. I'll add something to the release notes.

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #11363

    • Property Status changed from new to closed
    • Property Component changed from General to Dijit - LnF
    • Property Summary changed from Claro in IE - tab height issue when specifying iconClass for a tab to Claro in IE - tab height issue when specifying iconClass for some of the tab
    • Property Owner anonymous deleted
    • Property Resolution changed from to wontfix
  • Ticket #11363 – Description

    initial v2  
    33The iconClass being used is:
    44
     5{{{
    56background: url(../../../../../images/medium/website_blue.gif) no-repeat;
    67width:16px;
    78height:16px;
    89text-align:center;
     10}}}