Opened 10 years ago

Closed 10 years ago

Last modified 10 years ago

#14780 closed defect (fixed)

TabContainer: white line in tab label claro theme bug

Reported by: Matej Owned by: nonken
Priority: undecided Milestone: 1.8
Component: Dijit Version: 1.7.1
Keywords: Cc:
Blocked By: Blocking:


When I use TabContainer? with tabPosition : 'bottom' property and claro theme, selected tab icon has white line.

See attached image.


.tc {

width : 400px; height: 400px;



<div class="tc" data-dojo-type="dijit.layout.TabContainer?" data-dojo-props="tabPosition : 'bottom'">

<div data-dojo-type="dijit.layout.ContentPane?" data-dojo-props="closable : true,title:'Tab1'">

Tab 1 content

</div> <div data-dojo-type="dijit.layout.ContentPane?" data-dojo-props="closable : true,title:'Tab2'">

Tab 2 content

</div> <div data-dojo-type="dijit.layout.ContentPane?" data-dojo-props="closable : true,title:'Tab3'">

Tab 3 - default tab



Attachments (1)

bug2.jpg (4.5 KB) - added by Matej 10 years ago.
the white line in the selected icon

Download all attachments as: .zip

Change History (3)

Changed 10 years ago by Matej

Attachment: bug2.jpg added

the white line in the selected icon

comment:1 Changed 10 years ago by bill

Component: themesDijit
Milestone: tbd1.8
Resolution: fixed
Status: newclosed
Summary: TabContainer and CSS claro theme bugTabContainer: white line in tab label claro theme bug

The white line is intentional, part of the design of claro. (Note that the top TabContainer and buttons also have it.) However, the spacing was off... the line should be closer to the bottom of the tab label. I've fixed that in [27522].

comment:2 Changed 10 years ago by Matej

Ok, I will test it.

Note: See TracTickets for help on using tickets.