From 7bdcd31cbb878c0fd1c54c6395d319c6e0d2d2be Mon Sep 17 00:00:00 2001
From: Dries <dries@buytaert.net>
Date: Wed, 23 Jan 2013 13:07:27 -0500
Subject: [PATCH] Issue #1879786 by echoz: preview Images overlap in NARROW
screens.
---
core/modules/image/image.admin.css | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/core/modules/image/image.admin.css b/core/modules/image/image.admin.css
index 338a0070430f..8b374562f303 100644
--- 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.
*/
--
GitLab