#11441 closed defect (fixed)
claro: slight fit and finish oddness with tab label
Reported by: | dante | Owned by: | bill |
---|---|---|---|
Priority: | high | Milestone: | 1.6 |
Component: | Dijit - LnF | Version: | 1.5.0b2 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
Such a terribly small nit with such a lovely theme. The node which receives focus has natural paddings, putting the outline border inside the tab label, but around the text. It is probably 3px off-center. When focusing a tab label, the left edge of the focus border is 2px from the text, which is 5px from the edge of the tab button. On the right side, those 2px are absent, but the label remains centered (which looks perfect).
When you do nested="true", the problem becomes more apparent. The focusNode is assigned a background, and the actual label looks uncentered because of the same 3px difference visible in plain tab labels.
Change History (7)
comment:1 Changed 11 years ago by
comment:2 Changed 10 years ago by
Milestone: | tbd → future |
---|
comment:3 Changed 10 years ago by
Milestone: | future → 1.6 |
---|---|
Owner: | changed from Julie Santilli to bill |
Status: | new → assigned |
This has changed since you filed the ticket but there are still some spacing irregularities, which I have a fix for.
comment:4 Changed 10 years ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
(In [23629]) Fix inconsistent tab height when browser font size is small and some (but not all) of the tabs have a close icon. Height was consistent on soria/nihilo (see [17433]) but not on claro/tundra.
Also fixes extra padding on the left of tabs that was occurring due to a 1x1 blank image for the icon even when there was no icon specified. Have to make it display:none in that case since even a 0x0 <img> causes extra padding around the node, at least on FF.
Not sure if the placement of the close icon is exactly where claro wants it or not, could tweak that.
created a quick screengrab at http://img.skitch.com/20100714-npyg8s2su791b2fgc57rksrpub.png