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 2b93b2914c..2a819aeefa 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 2a776dc9a8..3a1fe7d081 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);
+}