WordPress.org

Make WordPress Core

Ticket #18693: 18693.koop.diff

File 18693.koop.diff, 6.2 KB (added by georgestephanis, 7 years ago)

For koop to explain something ...

  • 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');
  • wp-includes/css/wp-pointer.dev.css

     
     1.wp-pointer {
     2}
    13
    24.wp-pointer-content {
    3         padding: 0 15px;
    4         background: white;
    5         border: 1px solid #ccc;
     5        background:#fff;
     6        border:1px solid #dfdfdf;
     7        border:1px solid rgba(0,0,0,.125); /* So as to look better against non-white backgrounds for rgba-compliant browsers */
     8        border-radius:3px;
     9        box-shadow:0 2px 4px rgba(0,0,0,.19);
     10        padding:0 0 10px;
     11        position:relative;
     12}
    613
    7         -webkit-border-radius: 3px;
    8         border-radius: 3px;
     14.wp-pointer-content h3 {
     15        margin:0;
     16        padding:18px 18px 18px 56px;
     17        font-size:14px;
     18        color:#fff;
     19        border-radius:3px 3px 0 0;
     20        text-shadow:0 -1px 0 rgba(0,0,0,.3);
     21        background-color: #8cc1e9;
     22        background-image: -webkit-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
     23        background-image: -moz-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
     24        background-image: -ms-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
     25        background-image: -o-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
     26        background-image: linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
     27}
    928
    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);
     29.wp-pointer-content h3:before {
     30        position:absolute;
     31        top:7px;
     32        left:10px;
     33        content:' ';
     34        width:36px;
     35        height:37px;
     36        background:url('../images/icon-pointer-flag.png') 0 0 no-repeat;
    1337}
    1438
     39.wp-pointer-content p {
     40        padding:5px 15px;
     41}
     42
    1543.wp-pointer-buttons {
    16         margin: 0 -15px;
    17         padding: 5px 10px;
     44        margin: 0;
     45        padding: 5px 15px;
    1846        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;
    2647}
    2748
    2849.wp-pointer-buttons a {
     
    3152        text-decoration: none;
    3253}
    3354
     55.wp-pointer-buttons a.close {
     56        padding-left:3px;
     57        position: relative;
     58}
     59
     60.wp-pointer-buttons a.close:before {
     61        content: ' ';
     62        width:10px;
     63        height:100%;
     64        position:absolute;
     65        left:-10px;
     66        background:url('../../wp-admin/images/xit.gif') 0 50% no-repeat;
     67}
     68
     69.wp-pointer-buttons a.close:hover:before {
     70        background-position:100% 50%;
     71}
     72
    3473/* The arrow base class must take up no space, even with transparent borders. */
    3574.wp-pointer-arrow,
    3675.wp-pointer-arrow-inner {
     
    4180
    4281.wp-pointer-arrow {
    4382        z-index: 10;
     83        background:url('../images/arrow-pointer-blue.png') 0 0 no-repeat;
    4484}
    4585
    4686.wp-pointer-arrow-inner {
    4787        z-index: 20;
    4888}
    4989
    50 .wp-pointer-left {
    51         margin-left: 10px;
     90/* Make Room for the Arrow! */
     91.wp-pointer-top,
     92.wp-pointer-undefined {
     93        padding-top:13px;
    5294}
    5395
    54 .wp-pointer-right {
    55         margin-left: -10px;
     96.wp-pointer-bottom {
     97        padding-bottom:13px;
    5698}
    5799
    58 .wp-pointer-top {
    59         margin-top: 10px;
     100.wp-pointer-left {
     101        padding-left:13px;
    60102}
    61103
    62 .wp-pointer-bottom {
    63         margin-top: -10px;
     104.wp-pointer-right {
     105        padding-right:13px;
    64106}
    65107
    66 .wp-pointer-left .wp-pointer-arrow,
    67 .wp-pointer-right .wp-pointer-arrow,
     108/* Base Size & Positioning */
    68109.wp-pointer-top .wp-pointer-arrow,
    69 .wp-pointer-bottom .wp-pointer-arrow {
    70         border: solid 10px transparent;
     110.wp-pointer-bottom .wp-pointer-arrow,
     111.wp-pointer-undefined .wp-pointer-arrow {
     112        left:50px;
     113        width:30px;
     114        height:14px;
    71115}
    72116
    73 .wp-pointer-left .wp-pointer-arrow {
    74         border-right-color: #aaa;
    75         border-left-width: 0;
    76 }
    77 
     117.wp-pointer-left .wp-pointer-arrow,
    78118.wp-pointer-right .wp-pointer-arrow {
    79         border-left-color: #aaa;
    80         border-right-width: 0;
     119        top:60px;
     120        width:14px;
     121        height:30px;
    81122}
    82123
    83 .wp-pointer-top .wp-pointer-arrow {
    84         border-top-width: 0;
     124/* Arrow Sprite */
     125.wp-pointer-top .wp-pointer-arrow,
     126.wp-pointer-undefined .wp-pointer-arrow {
     127        top:0;
     128        background-position:0 0;
    85129}
    86130
    87131.wp-pointer-bottom .wp-pointer-arrow {
    88         border-top-color: #aaa;
    89         border-bottom-width: 0;
     132        bottom:0;
     133        background-position:0 -46px;
    90134}
    91135
    92 .wp-pointer-left .wp-pointer-arrow-inner,
    93 .wp-pointer-right .wp-pointer-arrow-inner,
    94 .wp-pointer-top .wp-pointer-arrow-inner,
    95 .wp-pointer-bottom .wp-pointer-arrow-inner {
    96         border: solid 9px transparent;
     136.wp-pointer-left .wp-pointer-arrow {
     137        left:0;
     138        background-position:0 -15px;
    97139}
    98140
    99 .wp-pointer-left .wp-pointer-arrow-inner {
    100         border-right-color: #fff;
    101         border-left-width: 0;
    102         top: -9px;
    103         left: 2px;
     141.wp-pointer-right .wp-pointer-arrow {
     142        right:0;
     143        background-position:-16px -15px;
    104144}
    105145
    106 .wp-pointer-right .wp-pointer-arrow-inner {
    107         border-left-color: #fff;
    108         border-right-width: 0;
    109         top: -9px;
    110         right: 2px;
    111 }
    112 
    113 .wp-pointer-top .wp-pointer-arrow-inner {
    114         border-bottom-color: #fff;
    115         border-top-width: 0;
    116         top: 2px;
    117         left: -9px;
    118 }
    119 
    120 .wp-pointer-bottom .wp-pointer-arrow-inner {
    121         border-top-color: #fff;
    122         border-bottom-width: 0;
    123         bottom: 2px;
    124         left: -9px;
    125 }
    126 
  • 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 );