From bf8b89d00679eb90528028e7a729ee0add39dd90 Mon Sep 17 00:00:00 2001
From: Teppo Kurki <teppo.kurki@vaadin.com>
Date: Mon, 22 Jun 2015 13:52:34 +0300
Subject: Fixed regression by #15381 on IE8

The opacity for disabled menu items looks very ugly on IE8.
Fixed by using the previous gray color for text and opacity
filter only for the item icon.

Change-Id: Ieea18f9e14d3b947c9836956c00721c30685b912
---
 WebContent/VAADIN/themes/base/menubar/menubar.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'WebContent')

diff --git a/WebContent/VAADIN/themes/base/menubar/menubar.scss b/WebContent/VAADIN/themes/base/menubar/menubar.scss
index 5ffac6de09..ad701f1b42 100644
--- a/WebContent/VAADIN/themes/base/menubar/menubar.scss
+++ b/WebContent/VAADIN/themes/base/menubar/menubar.scss
@@ -56,7 +56,16 @@
 .#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:active {
 	opacity: .5;
 	filter: alpha(opacity=50);
+	
+	.v-ie8 & {
+		filter: none;
+		color: #999;
+		img {
+			filter: alpha(opacity=50);
+		}
+	}
 }
+
 .#{$primaryStyleName}-more-menuitem {
 	/* Arial has the most coverage for geometric entity characters */
 	font-family: arial, helvetica, sans-serif;
-- 
cgit v1.2.3