Opened 9 years ago

Closed 9 years ago

#11363 closed defect (wontfix)

Claro in IE - tab height issue when specifying iconClass for some of the tab

Reported by: andy Owned by:
Priority: high Milestone: tbd
Component: Dijit - LnF Version: 1.5.0rc1
Keywords: claro tab iconClass heigh Cc:
Blocked By: Blocking:

Description (last modified by bill)

If you have a tab container where some tabs specify an iconClass attribute and some tabs do not, the tabs are rendered at uneven heights - see attached screenshot. This only happens in claro theme on IE. The iconClass being used is:

background: url(../../../../../images/medium/website_blue.gif) no-repeat;
width:16px;
height:16px;
text-align:center;

Attachments (1)

claro_tab_height.jpg (3.0 KB) - added by andy 9 years ago.
Screenshot of misaligned tabs

Download all attachments as: .zip

Change History (3)

Changed 9 years ago by andy

Attachment: claro_tab_height.jpg added

Screenshot of misaligned tabs

comment:1 Changed 9 years ago by Adam Peller

Component: GeneralDijit - LnF
Owner: anonymous deleted

comment:2 Changed 9 years ago by bill

Description: modified (diff)
Resolution: wontfix
Status: newclosed
Summary: Claro in IE - tab height issue when specifying iconClass for a tabClaro in IE - tab height issue when specifying iconClass for some of the tab

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.

Note: See TracTickets for help on using tickets.