Component: Menu CSS
Bug severity: minor/visual
Ext version: 1.1.1
Tested with Firefox 2. and IE 7 on Windows XP.
Problem: .x-menu-plain doesn't work as expected with the gray theme.
The menu gif continues to show in the left side of the menu.
Reason: This is because the gray theme specifies "background-image", whereas the main
Ext css specifies "background".
Test case: Take the standard menu example page (menu.html) and add the xtheme-gray.css style sheet.
Image attached. The fault is the gray background on the left side of the color palette.
(Not tested with the other themes, but these will need checking as well.)
Solution: Needs a minor tweak to the CSS.
/*
Extract from menu.css
*/
.x-menu {
border:1px solid #718bb7;
z-index: 15000;
background: #fff url(../images/default/menu/menu.gif) repeat-y;
}
.x-menu-plain {
background:#fff;
}
/*
Extract from xtheme-gray.css
*/
.x-menu {
border-color: #999 #999 #999 #999;
background-image:url(../images/gray/menu/menu.gif);
}
I added !important:
.x-menu-plain {
background:#fff !important;;
}
And it fixed it for me. Please verify. Thanks!
Works for me too. Thanks.
 Allergies.. no relief?!?
 Religion in the workplace? |