#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: |
Description
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>
Attachments (1)
Change History (3)
Changed 9 years ago by
comment:1 Changed 9 years ago by
Component: | themes → Dijit |
---|---|
Milestone: | tbd → 1.8 |
Resolution: | → fixed |
Status: | new → closed |
Summary: | TabContainer and CSS claro theme bug → TabContainer: 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].
the white line in the selected icon