Changeset 31849

Timestamp:

03/20/2015 04:34:15 PM (10 years ago)

Author:

lancewillett

Message:

Bundled themes: update editor styles to better display images and captions in small screens.

Props jacklenox, see #31250.

Location:

trunk/src/wp-content/themes

Files:

• twentyfifteen/css/editor-style.css (modified) (2 diffs)
• twentyfourteen/css/editor-style.css (modified) (2 diffs)
• twentythirteen/css/editor-style.css (modified) (2 diffs)

trunk/src/wp-content/themes/twentyfifteen/css/editor-style.css

@@ -16 +16 @@
  * 7.0 - Audio / Video
  * 8.0 - RTL
+ * 9.0 - Media Queries
  */
 
@@ -480 +481 @@
     text-align: right;
 }
+
+
+/**
+ * 9.0 Media Queries
+ */
+
+@media screen and (max-width: 660px) {
+    body, img, .wp-caption {
+        max-width: 100%;
+    }
+
+    img, .wp-caption {
+        width: auto !important;
+    }
+}

trunk/src/wp-content/themes/twentyfourteen/css/editor-style.css

@@ -18 +18 @@
  * 9.0 - Audio/Video
  * 10.0 - RTL
+ * 11.0 - Media Queries
  * ----------------------------------------------------------------------------
  */
@@ -720 +721 @@
     text-align: right;
 }
+
+
+/**
+ * 11.0 Media Queries
+ */
+
+@media screen and (max-width: 474px) {
+    body, img, .wp-caption {
+        max-width: 100%;
+    }
+
+    img, .wp-caption {
+        width: auto !important;
+    }
+}

trunk/src/wp-content/themes/twentythirteen/css/editor-style.css

@@ -19 +19 @@
  * 10.0 - Post Formats
  * 11.0 - RTL
+ * 12.0 - Media Queries
  * ----------------------------------------------------------------------------
  */
@@ -770 +771 @@
     content: none;
 }
+
+
+/**
+ * 12.0 Media Queries
+ */
+
+@media screen and (max-width: 604px) {
+    body, img, .wp-caption {
+        max-width: 100%;
+    }
+
+    img, .wp-caption {
+        width: auto !important;
+    }
+}