WordPress.org

Make WordPress Core

Ticket #18693: 18693.revised.diff

File 18693.revised.diff, 4.5 KB (added by georgestephanis, 7 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 );