IE fix for apps menu

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

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);
+}