Merge pull request #12342 from nextcloud/bugfix/noid/ie11-appcontent

rullzer · web-flow · commit 6f5181f811b1 · 2018-11-07T22:38:10.000+01:00
Add fix for IE11 flexbox height bug
diff --git a/core/css/ie.scss b/core/css/ie.scss
@@ -4,6 +4,11 @@
 }
 #app-content {
 	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;

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,11 @@`
`4`	`4`	`}`
`5`	`5`	`#app-content {`
`6`	`6`	`width: $navigation-width !important;`
	`7`	`+ /**`
	`8`	`+ * set min height so the container will grow in IE11`
	`9`	`+ * https://stackoverflow.com/questions/28627879/flexbox-not-filling-height-in-ie11`
	`10`	`+ */`
	`11`	`+ min-height: calc(100vh - 50px);`
`7`	`12`	`}`
`8`	`13`	`#app-sidebar.disappear {`
`9`	`14`	`right: -$sidebar-max-width !important;`