IE fix for apps menu

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

1 files changed, 37 insertions, 1 deletions

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