Changeset 42189

Timestamp:

11/15/2017 06:28:33 PM (9 years ago)

Author:

westonruter

Message:

File Editor: Eliminate gap inserted between code editor and heading in IE11 when CodeMirror initializes.

Props afercia, melchoyce, Clorith for testing, SergeyBiryukov for testing.
See #12423.
Fixes #42554 for trunk.

File:

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

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

@@ -861 +861 @@
 #media-items a.delete-permanently,
 #nav-menu-footer .menu-delete,
-#delete-link a.delete  {
+#delete-link a.delete {
         color: #a00;
 }
@@ -3043 +3043 @@
         height: calc( 100vh - 295px );
         border: 1px solid #ddd;
+        box-sizing: border-box;
 }
 
@@ -3061 +3062 @@
         overflow: auto;
         padding: 0;
-        min-height: calc(60vh + 2px);
-        height: calc(100vh - 293px);
+        min-height: 60vh;
+        height: calc(100vh - 295px);
         background-color: #f7f7f7;
         border: 1px solid #ddd;
@@ -3761 +3762 @@
 
         /* Theme/Plugin File Editor */
-        
-        #template textarea, 
+
+        #template textarea,
         #template .CodeMirror {
                 box-sizing: border-box;
         }
-        
+
         #templateside {
                 float: none;
                 width: auto;
         }
-        
+
         #templateside > ul {
                 border-left: 1px solid #ddd;
@@ -3842 +3843 @@
                 text-align: left;
         }
-        
+
         .fileedit-sub .alignright label {
                 display: block;
         }
-        
-        .fileedit-sub #theme, 
+
+        .fileedit-sub #theme,
         .fileedit-sub #plugin {
                 margin-left: 0;
-            max-width: 70%;
-        }
-        
+                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;