Opened 12 years ago

Closed 12 years ago

#6721 closed enhancement (notabug)

Widget style enhancement

Reported by: vicrry Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.6
Keywords: Cc:
Blocked by: Blocking:


The jQuery UI stylesheet is setting the background color of class .ui-widget-content to white, but this may led to some weird display that can never fix without editing the theme stylesheet.

For instance, I am using UI dialog with theme smoothness and was trying to customize the background color. I overridden the style class .ui-dialog and .ui-dialog-content, in some browsers the .ui-widget-content class will render a weird white border in left and right sides.

For a quick fix, replace the color part of background property from "#ffffff" to "Transparent". I don't see any conflicts with this change at the moment, please confirm it.

I cannot generate this in jsFiddle as long as there is no option for including a jQuery UI stylesheet, if you need one please advise how can I submit codes.

Change History (2)

comment:1 Changed 12 years ago by vicrry

Correction, a more accurate fix is removing both "background-image" and "background-color" from the ".ui-widget-content" class.

And I found this might be related to the theme smoothness only.

comment:2 Changed 12 years ago by Scott González

Resolution: invalid
Status: newclosed

This is configurable in ThemeRoller.

Note: See TracTickets for help on using tickets.