52 lines
959 B
SCSS
52 lines
959 B
SCSS
|
|
#app-sidebar {
|
|
position: fixed !important;
|
|
}
|
|
#app-content {
|
|
min-width: $navigation-width !important;
|
|
/**
|
|
* set min height so the container will grow in IE11
|
|
* https://stackoverflow.com/questions/28627879/flexbox-not-filling-height-in-ie11
|
|
*/
|
|
min-height: calc(100vh - 50px);
|
|
}
|
|
#app-sidebar.disappear {
|
|
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);
|
|
}
|