From f038cea24334f1393c369c40e85ffd672903de1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
<skjnldsv@protonmail.com>
Date: Tue, 18 Dec 2018 16:33:30 +0100
Subject: [PATCH] IE fix for apps menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
core/css/fixes.scss | 15 ---------------
core/css/ie.scss | 38 +++++++++++++++++++++++++++++++++++++-
2 files changed, 37 insertions(+), 16 deletions(-)
diff --git a/core/css/fixes.scss b/core/css/fixes.scss
index 2b93b2914cd..2a819aeefaf 100644
--- a/core/css/fixes.scss
+++ b/core/css/fixes.scss
@@ -9,18 +9,3 @@
select {
height: 32px;
}
-
-/* deactivate show password toggle for IE. Does not work for 8 and 9+ have their own implementation. */
-.ie #show, .ie #show+label {
- display: none;
- visibility: hidden;
-}
-
-.ie #header .menu,
-.ie .header-left #navigation,
-.ie .ui-datepicker,
-.ie .ui-timepicker.ui-widget,
-.ie #appmenu li span,
-.ie .tooltip-inner {
- box-shadow: 0 1px 10px var(--color-box-shadow);
-}
diff --git a/core/css/ie.scss b/core/css/ie.scss
index 2a776dc9a86..3a1fe7d0818 100644
--- a/core/css/ie.scss
+++ b/core/css/ie.scss
@@ -12,4 +12,40 @@
}
#app-sidebar.disappear {
right: -$sidebar-max-width !important;
-}
\ No newline at end of file
+}
+
+/**
+ * flex align center doesn't apply to absolute on ie
+ * we need to manually set it
+ */
+#appmenu li {
+
+ span {
+ left: 0;
+ min-width: 100%;
+ }
+
+ &:hover a + span,
+ a:focus + span,
+ &:hover span,
+ &:focus span,
+ a:focus span {
+ width: 100%; // disable animation
+ padding: 0;
+ }
+}
+
+/* deactivate show password toggle for IE. Does not work for 8 and 9+ have their own implementation. */
+#show,
+#show + label {
+ display: none;
+ visibility: hidden;
+}
+
+#header .menu,
+.header-left #navigation,
+.ui-datepicker,
+.ui-timepicker.ui-widget,
+.tooltip-inner {
+ box-shadow: 0 1px 10px var(--color-box-shadow);
+}
--
GitLab