Skip to main content

Search and Top Navigation

#6721 closed enhancement (notabug)

Opened December 06, 2010 03:30AM UTC

Closed December 06, 2010 01:02PM UTC

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:
Description

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.

Attachments (0)
Change History (2)

Changed December 06, 2010 03:41AM UTC by vicrry comment:1

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.

Changed December 06, 2010 01:02PM UTC by scottgonzalez comment:2

resolution: → invalid
status: newclosed

This is configurable in ThemeRoller.