Changeset 41999

Timestamp:

10/24/2017 08:29:00 PM (9 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;
         }