(css) Fullscreen dialogs on small screens

2015-08-03 16:15:59 -04:00 · 2015-08-03 16:15:59 -04:00 · 732b8c9d8a
parent ba6418fb93
commit 732b8c9d8a
1 changed files with 10 additions and 0 deletions
--- a/UI/WebServerResources/scss/components/dialog/dialog.scss
+++ b/UI/WebServerResources/scss/components/dialog/dialog.scss
@ -1,2 +1,12 @@
 /// dialog.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';
+
+@media (max-width: $layout-breakpoint-sm) {
+  [flex-sm="100"] {
+    max-width: 100%;
+    max-height: 100%;
+    width: 100%;
+    height: 100%;
+    border-radius: 0;
+  }
+}