Opened 11 years ago

Closed 11 years ago

#4450 closed bug (fixed)

Tabs list-style overridden by app framework css

Reported by: coeamyd Owned by: klaus.hartl
Priority: trivial Milestone: 1.8
Component: ui.tabs Version: 1.7.1
Keywords: css fix Cc:
Blocked by: Blocking:

Description

I'm using jQuery UI with DotNetNuke, and when using the tabs control, the styling of the tab headers is overridden by the default stylesheet. This results in a square bullet being displayed in front of the tab titles. In the tabs stylesheet, list-style: none is only applied on the ul itself, DNN applies it on ul li. Adding list-style: none to the .ui-tabs .ui-tabs-nav li style will solve the problem.

To reproduce, simply add the style ul li { list-style-type:square; } to a page using the tabs control.

Change History (4)

comment:1 Changed 11 years ago by klaus.hartl

Owner: set to klaus.hartl
Status: newassigned

Shouldn't that be fixed in DNN?

comment:2 in reply to:  1 Changed 11 years ago by coeamyd

Replying to klaus.hartl:

If I read the css specs correctly, I believe that DNN is actually right. The list-style css properties apply to elements with display set to list-item, which would be the li and not the ul. It probably does not have to be set on the ul element, so the declaration could actually be moved. On the other hand, having it in both selectors should not hurt. See http://www.w3.org/TR/CSS21/generate.html#list-style for the specs.

comment:3 Changed 11 years ago by Jörn Zaefferer

Milestone: TBD1.8

comment:4 Changed 11 years ago by klaus.hartl

Resolution: fixed
Status: assignedclosed
Note: See TracTickets for help on using tickets.