TabContainer: white line in tab label claro theme bug

[Matej]

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

See attached image.

CSS

.tc {

width : 400px; height: 400px;

}

Dojo

<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

</div>

</div>

[Matej]

the white line in the selected icon

[bill]

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].

[Matej]

Ok, I will test it.