WordPress.org

Make WordPress Core

Ticket #18693: 18693.revised.diff

File 18693.revised.diff, 4.5 KB (added by georgestephanis, 2 years ago)

Minor styling and JS changes to match design.

  • wp-includes/js/wp-pointer.dev.js

     
    1313                                return $(this).text(); 
    1414                        }, 
    1515                        buttons: function( event, t ) { 
    16                                 var close  = ( wpPointerL10n ) ? wpPointerL10n.close : 'Close', 
    17                                         button = $('<a href="#">' + close + '</a>'); 
     16                                var close  = ( wpPointerL10n ) ? wpPointerL10n.dismiss : 'Dismiss', 
     17                                        button = $('<a class="close" href="#">' + close + '</a>'); 
    1818 
    1919                                return button.bind( 'click.pointer', function() { 
    2020                                        t.element.pointer('close'); 
     
    3737                                family; 
    3838 
    3939                        this.content = $('<div class="wp-pointer-content"></div>'); 
    40                         this.arrow   = $('<div class="wp-pointer-arrow"><div class="wp-pointer-arrow-inner"></div></div>'); 
     40                //      this.arrow   = $('<div class="wp-pointer-arrow"><div class="wp-pointer-arrow-inner"></div></div>'); 
    4141 
    4242                        family = this.element.parents().add( this.element ); 
    4343                        positioning = 'absolute'; 
  • wp-includes/css/wp-pointer.dev.css

     
     1.wp-pointer { 
     2        padding-top:15px; 
     3} 
    14 
    25.wp-pointer-content { 
    3         padding: 0 15px; 
    4         background: white; 
    5         border: 1px solid #ccc; 
     6        background:#fff; 
     7        border:1px solid #dfdfdf; 
     8        border:1px solid rgba(0,0,0,.125); /* So as to look better against non-white backgrounds for rgba-compliant browsers */ 
     9        border-radius:3px; 
     10        box-shadow:0 2px 4px rgba(0,0,0,.19); 
     11        padding:0 0 10px; 
     12        position:relative; 
     13} 
    614 
    7         -webkit-border-radius: 3px; 
    8         border-radius: 3px; 
     15.wp-pointer-content:before { 
     16        width:30px;  
     17        height:15px;  
     18        position:absolute;  
     19        top:-15px;  
     20        left:50px;  
     21        background:url('../images/arrow-pointer-blue.png') 100% 100% no-repeat;  
     22        content:' '; 
     23} 
    924 
    10         -moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4 ); 
    11         -webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5); 
    12         box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5); 
     25.wp-pointer-content h3 { 
     26        margin:0;  
     27        padding:18px 18px 18px 56px;  
     28        font-size:14px;  
     29        color:#fff;  
     30        border-radius:3px 3px 0 0;  
     31        text-shadow:0 -1px 0 rgba(0,0,0,.3); 
     32        background-color: #8cc1e9; 
     33        background-image: -webkit-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%); 
     34        background-image: -moz-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%); 
     35        background-image: -ms-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%); 
     36        background-image: -o-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%); 
     37        background-image: linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%); 
    1338} 
    1439 
     40.wp-pointer-content h3:before { 
     41        position:absolute;  
     42        top:7px;  
     43        left:10px;  
     44        content:' ';  
     45        width:36px;  
     46        height:37px;  
     47        background:url('../images/icon-pointer-flag.png') 0 0 no-repeat; 
     48} 
     49 
     50.wp-pointer-content p { 
     51        padding:5px 15px; 
     52} 
     53 
    1554.wp-pointer-buttons { 
    16         margin: 0 -15px; 
    17         padding: 5px 10px; 
     55        margin: 0; 
     56        padding: 5px 15px; 
    1857        overflow: auto; 
    19         background: #f5f5f5; 
    20         border-top: 1px solid #ddd; 
    21  
    22         -webkit-border-bottom-right-radius: 3px; 
    23         -webkit-border-bottom-left-radius: 3px; 
    24         border-bottom-right-radius: 3px; 
    25         border-bottom-left-radius: 3px; 
    2658} 
    2759 
    2860.wp-pointer-buttons a { 
     
    3163        text-decoration: none; 
    3264} 
    3365 
     66.wp-pointer-buttons a.close { 
     67        padding-left:3px; 
     68        position: relative; 
     69} 
     70 
     71.wp-pointer-buttons a.close:before { 
     72        content: ' '; 
     73        width:10px; 
     74        height:100%; 
     75        position:absolute; 
     76        left:-10px; 
     77        background:url('../../wp-admin/images/xit.gif') 0 50% no-repeat; 
     78} 
     79 
     80.wp-pointer-buttons a.close:hover:before { 
     81        background-position:100% 50%; 
     82} 
     83 
    3484/* The arrow base class must take up no space, even with transparent borders. */ 
    3585.wp-pointer-arrow, 
    3686.wp-pointer-arrow-inner { 
     
    124174        left: -9px; 
    125175} 
    126176 
     177 
     178 
     179 
  • wp-includes/script-loader.php

     
    9999        $scripts->add( 'wp-pointer', "/wp-includes/js/wp-pointer$suffix.js", array( 'jquery-ui-widget', 'jquery-ui-position' ), '20111017', 1 ); 
    100100        $scripts->localize( 'wp-pointer', 'wpPointerL10n', array( 
    101101                'close' => __('Close'), 
     102                'dismiss' => __('Dismiss'), 
    102103        ) ); 
    103104 
    104105        $scripts->add( 'autosave', "/wp-includes/js/autosave$suffix.js", array('schedule', 'wp-ajax-response'), '20111111', 1 );