core/css/ie.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51


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