WordPress.org

Make WordPress Core

Ticket #14097: 14097.title-prompt.diff

File 14097.title-prompt.diff, 3.4 KB (added by shaunandrews, 8 years ago)
  • wp-admin/css/wp-admin.css

    diff --git wp-admin/css/wp-admin.css wp-admin/css/wp-admin.css
    index 95c0482..722074d 100644
    ul.cat-checklist { 
    30323032        margin: 1px 0;
    30333033}
    30343034
    3035 #titlediv #title-prompt-text,
    3036 #wp-fullscreen-title-prompt-text {
    3037         color: #bbb;
     3035#wp-fullscreen-title-prompt-text,
     3036#titlediv #title-prompt-text {
    30383037        position: absolute;
     3038                right: 0;
     3039        text-indent: 9px;
     3040        font-weight: 200;
    30393041        font-size: 1.7em;
    3040         padding: 11px 10px;
     3042        width: 100%;
     3043        color: #bbb;
     3044        padding: 12px 0;
     3045        color: rgba(0,0,0,0.5);
     3046        -webkit-transition: all 0.3s ease-in-out;
     3047        -moz-transition: all 0.3s ease-in-out;
     3048        transition: all 0.3s ease-in-out;
     3049}
     3050
     3051#titlediv #title-prompt-text {
     3052        top: 0;
    30413053}
    30423054
    30433055#wp-fullscreen-save .fs-saved {
    ul.cat-checklist { 
    30463058        margin-top: 4px;
    30473059}
    30483060
    3049 #wp-fullscreen-title-prompt-text {
    3050         padding: 11px;
     3061#wp-fullscreen-title-prompt-text {}
     3062
     3063#titlediv #title-prompt-text.active,
     3064#wp-fullscreen-title-prompt-text.active {
     3065        width: 160px;
     3066        color: #efefef;
     3067        color: rgba(0,0,0,0.2);
     3068}
     3069
     3070#titlediv #title-prompt-text.off,
     3071#wp-fullscreen-title-prompt-text.off {
     3072        opacity: 0;
    30513073}
    30523074
    30533075#poststuff .inside-submitbox,
  • wp-admin/edit-form-advanced.php

    diff --git wp-admin/edit-form-advanced.php wp-admin/edit-form-advanced.php
    index e656dd5..36cc982 100644
    wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); 
    361361<?php if ( post_type_supports($post_type, 'title') ) { ?>
    362362<div id="titlediv">
    363363<div id="titlewrap">
    364         <label class="screen-reader-text" id="title-prompt-text" for="title"><?php echo apply_filters( 'enter_title_here', __( 'Enter title here' ), $post ); ?></label>
     364        <label id="title-prompt-text" for="title"><?php echo apply_filters( 'enter_title_here', __( 'Enter title here' ), $post ); ?></label>
    365365        <input type="text" name="post_title" size="30" value="<?php echo esc_attr( htmlspecialchars( $post->post_title ) ); ?>" id="title" autocomplete="off" />
    366366</div>
    367367<div class="inside">
  • wp-admin/js/post.js

    diff --git wp-admin/js/post.js wp-admin/js/post.js
    index 7b7d4c3..3b36a13 100644
    jQuery(document).ready( function($) { 
    770770        }
    771771
    772772        wptitlehint = function(id) {
    773                 id = id || 'title';
     773                // Hide the label if the title has a value
     774                if ( $( '#title, #wp-fullscreen-title' ).val() != '' )
     775                        $( '#title-prompt, #wp-fullscreen-title-prompt-text' ).hide();
    774776
    775                 var title = $('#' + id), titleprompt = $('#' + id + '-prompt-text');
    776 
    777                 if ( title.val() == '' )
    778                         titleprompt.removeClass('screen-reader-text');
    779 
    780                 titleprompt.click(function(){
    781                         $(this).addClass('screen-reader-text');
    782                         title.focus();
     777                $( '#title, #wp-fullscreen-title' ).keypress( function () {
     778                        $( '#title-prompt-text, #wp-fullscreen-title-prompt-text' ).addClass( 'active' );
    783779                });
    784780
    785                 title.blur(function(){
    786                         if ( this.value == '' )
    787                                 titleprompt.removeClass('screen-reader-text');
    788                 }).focus(function(){
    789                         titleprompt.addClass('screen-reader-text');
    790                 }).keydown(function(e){
    791                         titleprompt.addClass('screen-reader-text');
    792                         $(this).unbind(e);
     781                // Check the text typed and react occordingly
     782                $( '#title, #wp-fullscreen-title' ).change( function () {
     783                        if ( $( this ).val() == '' ) {
     784                                $( '#title-prompt-text, #wp-fullscreen-title-prompt-text' ).removeClass( 'off' ).removeClass( 'active' );
     785                        } else {
     786                                $( '#title-prompt-text, #wp-fullscreen-title-prompt-text' ).addClass( 'off' );
     787                        }
    793788                });
    794789        }
    795790