Changeset 41999

Timestamp:

10/24/2017 08:29:00 PM (7 years ago)

Author:

melchoyce

Message:

Code Editors: Tweak styles to work better on smaller screens.

See #42100.

File:

• trunk/src/wp-admin/css/common.css (modified) (2 diffs)

trunk/src/wp-admin/css/common.css

@@ -3757 +3757 @@
 
     /* Theme/Plugin File Editor */
+    
+    #template textarea, 
+    #template .CodeMirror {
+        box-sizing: border-box;
+    }
+    
     #templateside {
         float: none;
         width: auto;
+    }
+    
+    #templateside > ul {
+        border-left: 1px solid #ddd;
     }
 
@@ -3815 +3825 @@
     }
     .wrap #templateside span.notice {
-        margin-left: -14px;
+        margin-left: -5px;
+        width: 100%;
     }
 
     .fileedit-sub .alignright {
+        float: left;
         margin-top: 15px;
+        width: 100%;
+        text-align: left;
+    }
+    
+    .fileedit-sub .alignright label {
+        display: block;
+    }
+    
+    .fileedit-sub #theme, 
+    .fileedit-sub #plugin {
+        margin-left: 0;
+        max-width: 70%;
+    }
+    
+    .fileedit-sub input[type="submit"] {
+        margin-bottom: 0px;
+        padding: 8px 18px;
+    }
+    
+    #documentation label[for="docs-list"] {
+        display: block;
+    }
+    
+    #documentation select[name="docs-list"] {
+        margin-left: 0;
+        max-width: 60%;
+    }
+    
+    #documentation input[type="button"] {
+        margin-bottom: 0;
+        padding: 8px 18px;
     }