diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-12-18 18:33:30 +0300 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-12-18 18:33:30 +0300 |
commit | f038cea24334f1393c369c40e85ffd672903de1b (patch) | |
tree | 01aafeaff78ddcd1437472bf39aeeaa4caa0addf /core/css | |
parent | 6f994be665b876c35fa73d4672e81264c43efe8d (diff) |
IE fix for apps menu
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css')
-rw-r--r-- | core/css/fixes.scss | 15 | ||||
-rw-r--r-- | 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); +} |