Merge pull request #13145 from nextcloud/ie11-apps-menu-fix
IE fix for apps menu
This commit is contained in:
commit
f736b3445f
|
@ -9,18 +9,3 @@
|
||||||
select {
|
select {
|
||||||
height: 32px;
|
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);
|
|
||||||
}
|
|
||||||
|
|
|
@ -13,3 +13,39 @@
|
||||||
#app-sidebar.disappear {
|
#app-sidebar.disappear {
|
||||||
right: -$sidebar-max-width !important;
|
right: -$sidebar-max-width !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 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);
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue