Issue #1879786 by echoz: preview Images overlap in NARROW screens.

2013-01-23 13:07:27 -05:00 · 2013-01-23 13:07:27 -05:00 · 7bdcd31cbb
parent d9964fc606
commit 7bdcd31cbb
1 changed files with 13 additions and 0 deletions
--- a/core/modules/image/image.admin.css
+++ b/core/modules/image/image.admin.css
@ -51,6 +51,19 @@
  top: 50%;
 }

+/**
+ * Improve image style preview on narrow viewports.
+ */
+@media screen and (max-width: 470px) {
+  .image-style-preview .preview-image-wrapper {
+    float: none;
+    margin-bottom: 1em;
+  }
+  .image-style-preview .preview-image-wrapper:last-child {
+    margin-bottom: 0;
+  }
+}
+
 /**
 * Image anchor element.
 */