WordPress.org

Make WordPress Core

Ticket #22644: 22644.2.diff

File 22644.2.diff, 9.1 KB (added by koopersmith, 5 years ago)
  • wp-admin/admin-header.php

     
    9797
    9898?>
    9999</head>
    100 <body class="wp-admin no-js <?php echo apply_filters( 'admin_body_class', '' ) . " $admin_body_class"; ?>">
     100<body class="wp-admin wp-core-ui no-js <?php echo apply_filters( 'admin_body_class', '' ) . " $admin_body_class"; ?>">
    101101<script type="text/javascript">
    102102        document.body.className = document.body.className.replace('no-js','js');
    103103</script>
  • wp-includes/class-wp-editor.php

     
    113113                        $buttons .= '<a id="' . $editor_id . '-tmce" class="wp-switch-editor switch-tmce" onclick="switchEditors.switchto(this);">' . __('Visual') . "</a>\n";
    114114                }
    115115
    116                 echo '<div id="wp-' . $editor_id . '-wrap" class="wp-editor-wrap ' . $switch_class . '">';
     116                echo '<div id="wp-' . $editor_id . '-wrap" class="wp-core-ui wp-editor-wrap ' . $switch_class . '">';
    117117
    118118                if ( self::$editor_buttons_css ) {
    119119                        wp_print_styles('editor-buttons');
  • wp-includes/css/buttons.css

     
    3434  1.0 - Button Layouts
    3535---------------------------------------------------------------------------- */
    3636
    37 .button,
    38 .button-primary,
    39 .button-secondary {
     37.wp-core-ui .button,
     38.wp-core-ui .button-primary,
     39.wp-core-ui .button-secondary {
    4040        display: inline-block;
    4141        text-decoration: none;
    4242        font-size: 12px;
     
    5757}
    5858
    5959/* Remove the dotted border on :focus and the extra padding in Firefox */
    60 button::-moz-focus-inner,
    61 input[type="reset"]::-moz-focus-inner,
    62 input[type="button"]::-moz-focus-inner,
    63 input[type="submit"]::-moz-focus-inner {
     60.wp-core-ui button::-moz-focus-inner,
     61.wp-core-ui input[type="reset"]::-moz-focus-inner,
     62.wp-core-ui input[type="button"]::-moz-focus-inner,
     63.wp-core-ui input[type="submit"]::-moz-focus-inner {
    6464        border-width: 1px 0;
    6565        border-style: solid none;
    6666        border-color: transparent;
    6767        padding: 0;
    6868}
    6969
    70 .button.button-large,
    71 .button-group.button-large .button {
     70.wp-core-ui .button.button-large,
     71.wp-core-ui .button-group.button-large .button {
    7272        height: 30px;
    7373    line-height: 28px;
    7474    padding: 0 12px 2px;
    7575}
    7676
    77 .button.button-small,
    78 .button-group.button-small .button {
     77.wp-core-ui .button.button-small,
     78.wp-core-ui .button-group.button-small .button {
    7979        height: 21px;
    8080        line-height: 20px;
    8181        padding: 0 8px 1px;
    8282}
    8383
    84 .button.button-hero,
    85 .button-group.button-hero .button {
     84.wp-core-ui .button.button-hero,
     85.wp-core-ui .button-group.button-hero .button {
    8686        font-size: 14px;
    8787        height: 46px;
    8888        line-height: 44px;
    8989        padding: 0 36px;
    9090}
    9191
    92 .button:active {
     92.wp-core-ui .button:active {
    9393        outline: none;
    9494}
    9595
    96 .button.hidden {
     96.wp-core-ui .button.hidden {
    9797        display: none;
    9898}
    9999
     
    101101  2.0 - Default Button Style
    102102---------------------------------------------------------------------------- */
    103103
    104 .button,
    105 .button-secondary {
     104.wp-core-ui .button,
     105.wp-core-ui .button-secondary {
    106106        background: #f3f3f3;
    107107        background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
    108108        background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
     
    114114        text-shadow: 0 1px 0 #fff;
    115115}
    116116
    117 .button.hover,
    118 .button:hover,
    119 .button-secondary:hover,
    120 .button.focus,
    121 .button:focus,
    122 .button-secondary:focus {
     117.wp-core-ui .button.hover,
     118.wp-core-ui .button:hover,
     119.wp-core-ui .button-secondary:hover,
     120.wp-core-ui .button.focus,
     121.wp-core-ui .button:focus,
     122.wp-core-ui .button-secondary:focus {
    123123        background: #f3f3f3;
    124124        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    125125        background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
     
    131131        color: #222;
    132132}
    133133
    134 .button.focus,
    135 .button:focus,
    136 .button-secondary:focus {
     134.wp-core-ui .button.focus,
     135.wp-core-ui .button:focus,
     136.wp-core-ui .button-secondary:focus {
    137137        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    138138        box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    139139}
    140140
    141 .button.active,
    142 .button.active:hover,
    143 .button.active:focus,
    144 .button:active,
    145 .button-secondary:active {
     141.wp-core-ui .button.active,
     142.wp-core-ui .button.active:hover,
     143.wp-core-ui .button.active:focus,
     144.wp-core-ui .button:active,
     145.wp-core-ui .button-secondary:active {
    146146        background: #eee;
    147147        background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
    148148        background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
     
    157157        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    158158}
    159159
    160 .button[disabled],
    161 .button:disabled,
    162 .button-secondary[disabled],
    163 .button-secondary:disabled,
    164 .button-disabled {
     160.wp-core-ui .button[disabled],
     161.wp-core-ui .button:disabled,
     162.wp-core-ui .button-secondary[disabled],
     163.wp-core-ui .button-secondary:disabled,
     164.wp-core-ui .button-disabled {
    165165        color: #aaa !important;
    166166        border-color: #ddd !important;
    167167        background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important;
     
    180180  3.0 - Primary Button Style
    181181---------------------------------------------------------------------------- */
    182182
    183 .button-primary {
     183.wp-core-ui .button-primary {
    184184        background-color: #21759b;
    185185        background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    186186        background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
     
    197197        text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    198198}
    199199
    200 .button-primary.hover,
    201 .button-primary:hover,
    202 .button-primary.focus,
    203 .button-primary:focus {
     200.wp-core-ui .button-primary.hover,
     201.wp-core-ui .button-primary:hover,
     202.wp-core-ui .button-primary.focus,
     203.wp-core-ui .button-primary:focus {
    204204        background-color: #278ab7;
    205205        background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    206206        background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
     
    215215        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    216216}
    217217
    218 .button-primary.focus,
    219 .button-primary:focus {
     218.wp-core-ui .button-primary.focus,
     219.wp-core-ui .button-primary:focus {
    220220        border-color: #0e3950;
    221221        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    222222        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    223223}
    224224
    225 .button-primary.active,
    226 .button-primary.active:hover,
    227 .button-primary.active:focus,
    228 .button-primary:active {
     225.wp-core-ui .button-primary.active,
     226.wp-core-ui .button-primary.active:hover,
     227.wp-core-ui .button-primary.active:focus,
     228.wp-core-ui .button-primary:active {
    229229        background: #1b607f;
    230230        background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    231231        background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
     
    240240        text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    241241}
    242242
    243 .button-primary[disabled],
    244 .button-primary:disabled,
    245 .button-primary-disabled {
     243.wp-core-ui .button-primary[disabled],
     244.wp-core-ui .button-primary:disabled,
     245.wp-core-ui .button-primary-disabled {
    246246        color: #94cde7 !important;
    247247        background: #298cba !important;
    248248        border-color: #1b607f !important;
     
    256256  4.0 - Button Groups
    257257---------------------------------------------------------------------------- */
    258258
    259 .button-group {
     259.wp-core-ui .button-group {
    260260        position: relative;
    261261        display: inline-block;
    262262        white-space: nowrap;
     
    264264        vertical-align: middle;
    265265}
    266266
    267 .button-group > .button {
     267.wp-core-ui .button-group > .button {
    268268        display: inline-block;
    269269        border-radius: 0;
    270270        margin-right: -1px;
    271271        z-index: 10;
    272272}
    273273
    274 .button-group > .button-primary {
     274.wp-core-ui .button-group > .button-primary {
    275275        z-index: 100;
    276276}
    277277
    278 .button-group > .button:hover {
     278.wp-core-ui .button-group > .button:hover {
    279279        z-index: 20;
    280280}
    281281
    282 .button-group > .button:first-child {
     282.wp-core-ui .button-group > .button:first-child {
    283283        border-radius: 3px 0 0 3px;
    284284}
    285285
    286 .button-group > .button:last-child {
     286.wp-core-ui .button-group > .button:last-child {
    287287        border-radius: 0 3px 3px 0;
    288288}
  • wp-includes/js/media-views.js

     
    10991099                                uploader: true
    11001100                        });
    11011101
     1102                        // Ensure core UI is enabled.
     1103                        this.$el.addClass('wp-core-ui');
     1104
    11021105                        // Initialize modal container view.
    11031106                        if ( this.options.modal ) {
    11041107                                this.modal = new media.view.Modal({
  • wp-includes/media.php

     
    15051505        </script>
    15061506
    15071507        <script type="text/html" id="tmpl-media-modal">
    1508                 <div class="media-modal">
     1508                <div class="media-modal wp-core-ui">
    15091509                        <h3 class="media-modal-title">{{ data.title }}</h3>
    15101510                        <a class="media-modal-close media-modal-icon" href="#" title="<?php esc_attr_e('Close'); ?>"></a>
    15111511                </div>