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