From 97b2a3964a31f9b27f9d04a68671e249939b1e55 Mon Sep 17 00:00:00 2001 From: Vincent Petry Date: Wed, 7 Oct 2015 17:17:29 +0200 Subject: [PATCH 1/4] [IE] Add border to dropdown menus As a fallback because box-shadow doesn't give the same effect and drop shadow doesn't work with IE. --- core/css/apps.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/core/css/apps.css b/core/css/apps.css index 3122a2b48a..1db864b7bc 100644 --- a/core/css/apps.css +++ b/core/css/apps.css @@ -308,8 +308,13 @@ -o-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); } -.ie8 .bubble { +.ie .bubble, +.ie #app-navigation .app-navigation-entry-menu, +.ie .bubble:after, +.ie #app-navigation .app-navigation-entry-menu:after { border: 1px solid #eee; +} +.ie8 .bubble { margin-top: 18px; } .ie8 .bubble:after { From b7a5d487f8613a2057d3fffdd8ad8629c6eeb47c Mon Sep 17 00:00:00 2001 From: Vincent Petry Date: Wed, 7 Oct 2015 17:18:01 +0200 Subject: [PATCH 2/4] [IE9] Set explicit height to file actions menu icon IE9 flattened the icons, so give it an explicit height. --- core/css/apps.css | 1 + 1 file changed, 1 insertion(+) diff --git a/core/css/apps.css b/core/css/apps.css index 1db864b7bc..4271d3991d 100644 --- a/core/css/apps.css +++ b/core/css/apps.css @@ -696,6 +696,7 @@ em { .popovermenu .menuitem .no-icon { display: inline-block; width: 16px; + height: 16px; margin-right: 10px; } From f3ce5fd234f4e7b7001e7baf3e16320a0d84e869 Mon Sep 17 00:00:00 2001 From: Vincent Petry Date: Wed, 7 Oct 2015 17:34:38 +0200 Subject: [PATCH 3/4] [IE8] Fix "new" button width --- apps/files/css/files.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/apps/files/css/files.css b/apps/files/css/files.css index d0a2cce1a8..bb5711e332 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -745,6 +745,10 @@ table.dragshadow td.size { margin: -10px; } +html.ie8 #controls .button.new { + padding-right: 0; +} + .newFileMenu { width: 140px; margin-left: -56px; @@ -796,3 +800,4 @@ table.dragshadow td.size { color: #000; padding: 0; } + From 69a9888a8103caceda32e62dcea8cd268fccfec2 Mon Sep 17 00:00:00 2001 From: Vincent Petry Date: Wed, 7 Oct 2015 17:34:55 +0200 Subject: [PATCH 4/4] [IE8] Fix button background color IE8 doesn't support rgba... --- core/css/fixes.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/core/css/fixes.css b/core/css/fixes.css index 5f917dbbe8..71cb09cae7 100644 --- a/core/css/fixes.css +++ b/core/css/fixes.css @@ -42,6 +42,12 @@ select { background-image: url('../img/actions/settings.png'); } +.lte9 input[type="submit"], .lte9 input[type="button"], +.lte9 button, .lte9 .button, +.lte9 #quota, .lte9 select, .lte9 .pager li a { + background-color: #f1f1f1; +} + /* IE8 needs PNG image for header logo */ .ie8 #header .logo { background-image: url(../img/logo-icon-175px.png);