Changeset 26247

Timestamp:

11/18/2013 06:52:06 PM (11 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