Changeset 26247

Timestamp:

11/18/2013 06:52:06 PM (13 years ago)

Author:

iammattthomas

Message:

Style and positioning fixes to form elements in the Publish box:

• Make select element text #555 to match others
• Make Cancel links vertically align with buttons
• Make sure the spacing between buttons and cancel links is always consistent
• Override active button styles for responsive states so button size doesn't change when active
• Reduce font size of date select element to match date text inputs

Fixes #26082, props aubreypwd.

Location:

trunk/src/wp-admin

Files:

• css/wp-admin.css (modified) (5 diffs)
• includes/meta-boxes.php (modified) (2 diffs)
• includes/template.php (modified) (1 diff)

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

@@ -1088 +1088 @@
         line-height: 28px;
         height: 28px;
+        color: #555;
+        vertical-align: top;
+}
+
+.wp-admin .button-cancel {
+        padding: 0 5px;
+        line-height: 2;
 }
 
@@ -4100 +4107 @@
 
 #post-status-select {
-        line-height: 2.5em;
         margin-top: 3px;
 }
@@ -4314 +4320 @@
 
 #timestampdiv select {
-        height: 20px;
+        height: 21px;
         line-height: 14px;
         padding: 0;
         vertical-align: top;
+        font-size: 12px;
 }
 
@@ -11094 +11101 @@
                 font-size: 16px;
         }
+        
+        .wp-admin .button-cancel {
+                padding: 0;
+                font-size: 14px;
+        }
 
         .wp-core-ui .button,
+        .wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
         input#publish,
         input#save-post,
@@ -11369 +11382 @@
 
         .wp-core-ui .save-post-status.button {
-                top: 16px;
                 position: relative;
-                margin: 0 10px;
+                margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
         }
 

trunk/src/wp-admin/includes/meta-boxes.php

@@ -100 +100 @@
 </select>
  <a href="#post_status" class="save-post-status hide-if-no-js button"><?php _e('OK'); ?></a>
- <a href="#post_status" class="cancel-post-status hide-if-no-js"><?php _e('Cancel'); ?></a>
+ <a href="#post_status" class="cancel-post-status hide-if-no-js button-cancel"><?php _e('Cancel'); ?></a>
 </div>
 
@@ -144 +144 @@
 <p>
  <a href="#visibility" class="save-post-visibility hide-if-no-js button"><?php _e('OK'); ?></a>
- <a href="#visibility" class="cancel-post-visibility hide-if-no-js"><?php _e('Cancel'); ?></a>
+ <a href="#visibility" class="cancel-post-visibility hide-if-no-js button-cancel"><?php _e('Cancel'); ?></a>
 </p>
 </div>

trunk/src/wp-admin/includes/template.php

@@ -687 +687 @@
 <p>
 <a href="#edit_timestamp" class="save-timestamp hide-if-no-js button"><?php _e('OK'); ?></a>
-<a href="#edit_timestamp" class="cancel-timestamp hide-if-no-js"><?php _e('Cancel'); ?></a>
+<a href="#edit_timestamp" class="cancel-timestamp hide-if-no-js button-cancel"><?php _e('Cancel'); ?></a>
 </p>
 <?php