Merge pull request #167 from newfold-labs/add/PRESS8-240-Improve-Util…

…ities-CSS Update Utilities.css to incorporate more dynamic sizing for Previews
newfold-labs · Feb 14, 2025 · bf173a3 · bf173a3
2 parents 6aadfab + cd8902c
commit bf173a3
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/source/css-utilities/parts/block-preview.css b/source/css-utilities/parts/block-preview.css
@@ -24,11 +24,21 @@
 	min-height: 560px;
 }
 
+.block-editor-block-preview__content-iframe [style*="min-height: 60vh"],
+.block-editor-block-preview__content-iframe [style*="min-height:60vh"] {
+    min-height: 480px;
+}
+
 .block-editor-block-preview__content-iframe [style*="min-height: 50vh"],
 .block-editor-block-preview__content-iframe [style*="min-height:50vh"] {
 	min-height: 400px;
 }
 
+.block-editor-block-preview__content-iframe [style*="min-height: 40vh"],
+.block-editor-block-preview__content-iframe [style*="min-height:40vh"] {
+    min-height: 320px;
+}
+
 .block-editor-block-preview__content-iframe [style*="min-height: 35vh"],
 .block-editor-block-preview__content-iframe [style*="min-height:35vh"] {
 	min-height: 280px;
@@ -41,7 +51,12 @@
 
 .block-editor-block-preview__content-iframe [style*="min-height: 10vh"],
 .block-editor-block-preview__content-iframe [style*="min-height:10vh"] {
-	min-height: 80px;
+    min-height: 80px;
+}
+
+.block-editor-block-preview__content-iframe [style*="min-height: 5vh"],
+.block-editor-block-preview__content-iframe [style*="min-height:5vh"] {
+    min-height: 40px;
 }
 
 .nfd-wba-modal * {