tundra.css affecting styles of non-dojo popup widgets in high contrast mode

[Becky Gibson]

Dojo/Dijit?'s CSS appears to cause all non-dojo created popups in a page to switch to a background: transparent value when rendered in high contrast mode in IE. Firefox 2 renders all of these non-dojo popups with a transparent background so this is irrelevant for that browser.

[davidb]

Looked at this with clown and it seems this behaviour might be explained by this rule in dijit.css:

.dijit_a11y * {
	background-image:none !important;
	background-color:transparent !important;
}

[bill]

I can see how that pattern is problematic (and note that it could affect more than just popups, right?). Not sure how to fix. Seems like we need a list of much more specific patterns that only match the widgets where this is necessary, like Toolbar?

[Becky Gibson]

I removed the background-color:transparent from .dijit_a11y * and here are the issues I found in High contrast mode: In Firefox 2 no issues - high contrast functions properly

IE 7

• dialog backgroun is opaque and should be semi-transparent
• color palette image does not show but should
• toolbar select buttons the initial value does not display
• progress bar does not display properly

IE6 - testing in progress

Firefox 2 Images off mode:

• Background colors will now display in images off mode - this is fine; background colors are only removed in high contrast mode.
• the color palette imsages still display

[Becky Gibson]

Replying to becky: I removed the background-color:transparent from .dijit_a11y * and here are the issues I found in High contrast mode: In Firefox 2 no issues - high contrast functions properly

IE 7

• dialog backgroun is opaque and should be semi-transparent
• color palette image does not show but should
• --toolbar select buttons the initial value does not display-- This is a general issue and not specific to this change
• progress bar does not display properly

IE6

• color palette image does not show but should
• borders missing around spinner arrows ( I can live with this)
• progress bar has some border sizing issues but works the same in 1.1.0

Firefox 2 Images off mode:

• Background colors will now display in images off mode - this is fine; background colors are only removed in high contrast mode.
• the color palette imsages still display

[Becky Gibson]

patch created against 1.1 branch

[Becky Gibson]

The changes to fix the problems that I found were fairly minor and all were within dijit.css. I'd appreciate it if the css gurus could take a look and any additional testing by folks would be appreciated.

[Becky Gibson]

(In [13444]) refs #6486; removed background-transparent; from .dijit_a11y * so that the background of any floating elements that are not part of dojo are NOT transparent in high contrast mode. Had to tweak a few styles to get all dijits working properly in high contrast mode after the change.

[Becky Gibson]

(In [13484]) fixes #6486 removed background-color:transparent !important; from dijit_a11y * since it causes non dojo popups to be transparent in high contrast mode. Had to tweak a few other classes for proper high contrast support.