Просмотр исходного кода

improve expand-modal-fullscreen

Yuki Takei 6 лет назад
Родитель
Сommit
c1c6725a38
1 измененных файлов с 5 добавлено и 3 удалено
  1. 5 3
      src/client/styles/scss/_mixins.scss

+ 5 - 3
src/client/styles/scss/_mixins.scss

@@ -86,10 +86,12 @@
 
 @mixin expand-modal-fullscreen($hasModalHeader: true, $hasModalFooter: true) {
   // full-screen modal
-  width: 97%;
-  height: 95%;
+  width: auto;
+  height: calc(100vh - 30px);
+  margin: 15px;
+
   .modal-content {
-    height: 95%;
+    height: calc(100vh - 30px);
   }
 
   // expand .modal-body (with calculating height)