make modal window fullscreen

smacker · smacker · commit b93100b12976 · 2018-06-07T08:20:09.000+05:00
Signed-off-by: Maxim Sukharev &lt;maxim@sourced.tech&gt;
diff --git a/frontend/src/App.less b/frontend/src/App.less
@@ -65,3 +65,16 @@ body {
         }
     }
 }
+
+// make modal window "fullscreen"
+// margins are hard-coded in bootstrap, so it's hard-coded here too
+.modal-body {
+    max-height: ~'calc(100vh - 80px)';
+    overflow-y: auto;
+}
+
+@media (min-width: @screen-sm-min) {
+    .modal-body {
+        max-height: ~'calc(100vh - 120px)';
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -65,3 +65,16 @@ body {`
`65`	`65`	`}`
`66`	`66`	`}`
`67`	`67`	`}`
	`68`	`+`
	`69`	`+// make modal window "fullscreen"`
	`70`	`+// margins are hard-coded in bootstrap, so it's hard-coded here too`
	`71`	`+.modal-body {`
	`72`	`+ max-height: ~'calc(100vh - 80px)';`
	`73`	`+ overflow-y: auto;`
	`74`	`+}`
	`75`	`+`
	`76`	`+@media (min-width: @screen-sm-min) {`
	`77`	`+ .modal-body {`
	`78`	`+ max-height: ~'calc(100vh - 120px)';`
	`79`	`+ }`
	`80`	`+}`