Opened 7 years ago

Closed 7 years ago

Last modified 7 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:

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)

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

Download all attachments as: .zip

Change History (3)

Changed 7 years ago by Matej

Attachment: bug2.jpg added

the white line in the selected icon

comment:1 Changed 7 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 7 years ago by Matej

Ok, I will test it.

Note: See TracTickets for help on using tickets.