updated scss for modal-xl

Megabit · Oct 16, 2023 · 59f75b1 · 59f75b1
1 parent a3a027c
commit 59f75b1
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 7 deletions.
diff --git a/Source/Blazorise.Material/Styles/_modal.scss b/Source/Blazorise.Material/Styles/_modal.scss
@@ -37,11 +37,19 @@
 
     .modal-xl {
         max-width: 1140px;
-        width: 1140px;
+        width: unset;
         margin: 1.75rem auto;
 
         .modal-content {
-            height: 60vh;
+            border-radius: unset;
+            height: unset;
+            overflow: unset;
         }
     }
-}
+
+    @include media-breakpoint-up(xl) {
+        .modal-xl {
+            max-width: $dialog-width-xl;
+        }
+    }
+}
diff --git a/Source/Blazorise.Material/Styles/_variables-material.scss b/Source/Blazorise.Material/Styles/_variables-material.scss
@@ -158,7 +158,7 @@ $dialog-transition-scale: 0.8 !default;
 $dialog-width: 35rem !default; // 560px
 $dialog-width-lg: 52.5rem !default; // 840px
 $dialog-width-sm: 17.5rem !default; // 280px
-$dialog-width-xl: $dialog-width-lg !default;
+$dialog-width-xl: 71 !default;
 
 // Based on https://material.io/archive/guidelines/components/expansion-panels.html
 

diff --git a/Source/Blazorise.Material/wwwroot/blazorise.material.css b/Source/Blazorise.Material/wwwroot/blazorise.material.css
@@ -1024,11 +1024,18 @@ select[readonly] optgroup {
 }
 .modal .modal-xl {
   max-width: 1140px;
-  width: 1140px;
+  width: unset;
   margin: 1.75rem auto;
 }
 .modal .modal-xl .modal-content {
-  height: 60vh;
+  border-radius: unset;
+  height: unset;
+  overflow: unset;
+}
+@media (min-width: 1200px) {
+  .modal .modal-xl {
+    max-width: 71;
+  }
 }
 
 .offcanvas, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {

diff --git a/Source/Blazorise.Material/wwwroot/blazorise.material.min.css b/Source/Blazorise.Material/wwwroot/blazorise.material.min.css