Ticket #21754: 21754.2.patch

wp-admin/includes/dashboard.php

@@ -503 +503 @@
 ?>
 
         <form name="post" action="<?php echo esc_url( admin_url( 'post.php' ) ); ?>" method="post" id="quick-press">
-                <h4 id="quick-post-title"><label for="title"><?php _e('Title') ?></label></h4>
-                <div class="input-text-wrap">
+                <div class="input-text-wrap" id="title-wrap">
+                        <label class="screen-reader-text prompt" for="title" id="title-prompt-text"><?php _e( 'Enter title here' ); ?></label>
                         <input type="text" name="post_title" id="title" autocomplete="off" value="<?php echo esc_attr( $post->post_title ); ?>" />
                 </div>
 
@@ -514 +514 @@
                 </div>
                 <?php endif; ?>
 
-                <h4 id="content-label"><label for="content"><?php _e('Content') ?></label></h4>
                 <div class="textarea-wrap">
+                        <label class="screen-reader-text" for="content"><?php _e( 'Content' ); ?></label>
                         <textarea name="content" id="content" class="mceEditor" rows="3" cols="15"><?php echo esc_textarea( $post->post_content ); ?></textarea>
                 </div>
 
                 <script type="text/javascript">edCanvas = document.getElementById('content');edInsertContent = null;</script>
 
-                <h4><label for="tags-input"><?php _e('Tags') ?></label></h4>
-                <div class="input-text-wrap">
+                <div class="input-text-wrap" id="tags-input-wrap">
+                        <label class="screen-reader-text prompt" for="tags-input" id="tags-input-prompt-text"><?php _e( 'Tags (separate with commas)' ); ?></label>
                         <input type="text" name="tags_input" id="tags-input" value="<?php echo get_tags_to_edit( $post->ID ); ?>" />
                 </div>
 

wp-admin/js/dashboard.js

@@ -1 @@
-var ajaxWidgets, ajaxPopulateWidgets, quickPressLoad;
+var ajaxWidgets, ajaxPopulateWidgets, quickPressLoad, quickPressHint;
 
 jQuery(document).ready( function($) {
         /* Dashboard Welcome Panel */
@@ -63 +63 @@
         postboxes.add_postbox_toggles(pagenow, { pbshow: ajaxPopulateWidgets } );
 
         /* QuickPress */
+        quickPressHint = function(id) {
+                id = id || 'title';
+
+                var input = $('#' + id), prompt = $('#' + id + '-prompt-text');
+
+                if ( input.val() == '' )
+                        prompt.removeClass('screen-reader-text');
+
+                prompt.click(function(){
+                        $(this).addClass('screen-reader-text');
+                        input.focus();
+                });
+
+                input.blur(function(){
+                        if ( this.value == '' )
+                                prompt.removeClass('screen-reader-text');
+                }).focus(function(){
+                        prompt.addClass('screen-reader-text');
+                }).keydown(function(e){
+                        prompt.addClass('screen-reader-text');
+                        $(this).unbind(e);
+                });
+        }
+
         quickPressLoad = function() {
                 var act = $('#quickpost-action'), t;
                 t = $('#quick-press').submit( function() {
@@ -87 +111 @@
 
                 $('#publish').click( function() { act.val( 'post-quickpress-publish' ); } );
 
+                quickPressHint();
+                quickPressHint('tags-input');
+
         };
         quickPressLoad();
 

wp-admin/css/wp-admin.css

@@ -2805 +2805 @@
         position: relative;
         margin-bottom: 20px;
 }
-#titlediv label { cursor: text; }
 
+#titlediv label {
+        cursor: text;
+}
+
 #titlediv div.inside {
         margin: 0;
 }
@@ -6018 +6021 @@
 }
 
 /* QuickPress */
-#dashboard_quick_press h4 {
-        font-family: sans-serif;
-        float: left;
-        width: 5em;
-        clear: both;
-        font-weight: normal;
-        text-align: right;
-        font-size: 12px;
+#dashboard_quick_press .input-text-wrap {
+        position: relative;
 }
 
-#dashboard_quick_press h4 label {
-        margin-right: 10px;
+#dashboard_quick_press .prompt {
+        color: #bbb;
+        position: absolute;
 }
 
+#title-wrap label,
+#tags-input-wrap label {
+        cursor: text;
+}
+
+#title-wrap #title {
+        padding: 2px 6px;
+        font-size: 1.3em;
+        line-height: 100%;
+        outline: none;
+}
+
+#tags-input-wrap #tags-input {
+        outline: none;
+}
+
+#title-wrap #title-prompt-text {
+        font-size: 1.3em;
+        padding: 5px 8px;
+}
+
+#tags-input-wrap #tags-input-prompt-text {
+        font-size: 1em;
+        padding: 4px 8px;
+}
+
 #dashboard_quick_press .input-text-wrap,
 #dashboard_quick_press .textarea-wrap {
-        margin: 0 0 1em 5em;
+        margin: 0 0 1em 0;
 }
 
 #dashboard_quick_press .wp-media-buttons {
-        margin: 0 0 .5em 5em;
+        margin: 0 0 .2em 8px;
         padding: 0;
 }
 
@@ -6046 +6070 @@
         color: #777;
 }
 
-#dashboard-widgets #dashboard_quick_press form p.submit {
-        margin-left: 4.6em;
-}
-
 #dashboard-widgets #dashboard_quick_press form p.submit input {
         float: left;
 }
 
 #dashboard-widgets #dashboard_quick_press form p.submit #save-post {
-        margin: 0 1em 0 10px;
+        margin: 0 1em 0 0;
 }
 
 #dashboard-widgets #dashboard_quick_press form p.submit #publish {
@@ -8079 +8099 @@
 .locale-zh-cn #sort-buttons { font-size: 1em !important; }
 
 /* ru_RU: Text needs more room to breathe. */
-.locale-ru-ru #dashboard_quick_press .input-text-wrap,
-.locale-ru-ru #dashboard_quick_press .textarea-wrap,
-.locale-ru-ru #dashboard_quick_press .wp-media-buttons  {
-        margin-left: 5.7em; /* default 5em + 0.7em */
-}
-.locale-ru-ru #dashboard_quick_press h4 {
-        width: 5.7em; /* default 5.5em + 0.2em */
-}
-.locale-ru-ru #dashboard-widgets #dashboard_quick_press form p.submit {
-        margin-left: 5.3em; /* default 4.6em + 0.7em */
-}
 .locale-ru-ru .inline-edit-row fieldset label span.title {
         width: auto; /* default 5em */
         min-width: 5em;
@@ -8104 +8113 @@
         width: 245px; /* default 200px + 45px */
 }
 
-/* lt_LT: QuickPress + QuickEdit */
-.locale-lt-lt #dashboard_quick_press .input-text-wrap,
-.locale-lt-lt #dashboard_quick_press .textarea-wrap,
-.locale-lt-lt #dashboard_quick_press .wp-media-buttons  {
-        margin-left: 7em;
-}
-.locale-lt-lt #dashboard_quick_press h4 {
-        width: 7em;
-}
+/* lt_LT: QuickEdit */
 .locale-lt-lt .inline-edit-row fieldset label span.title {
         width: 8em;
 }

wp-admin/css/ie-rtl.css

@@ -78 +78 @@
         padding-left: 1px;
 }
 
-#dashboard_quick_press h4 {
-        text-align: right;
-}
-
 .tagchecklist span a {
         margin: 4px -9px 0 0;
 }

wp-admin/css/wp-admin-rtl.css

@@ -1850 +1850 @@
 }
 
 /* QuickPress */
-#dashboard_quick_press h4 {
-        float: right;
-        text-align: left;
-}
-
-#dashboard_quick_press .wp-media-buttons {
-        margin: 0 5em 0.5em 0;
-}
-
-#dashboard_quick_press h4 label {
-        margin-right: 0;
-        margin-left: 10px;
-}
-
-#dashboard_quick_press .input-text-wrap,
-#dashboard_quick_press .textarea-wrap {
-        margin: 0 5em 1em 0;
-}
-
-#dashboard_quick_press #media-buttons {
-        margin: 0 5em .5em 0;
-        padding: 0;
-}
-
-#dashboard-widgets #dashboard_quick_press form p.submit {
-        margin-left: 0;
-        margin-right: 4.6em;
-}
-
 #dashboard-widgets #dashboard_quick_press form p.submit input {
         float: right;
 }
 
 #dashboard-widgets #dashboard_quick_press form p.submit #save-post {
-        margin: 0 10px 0 1em;
+        margin: 0 0 0 1em;
 }
 
 #dashboard-widgets #dashboard_quick_press form p.submit #publish {