Make WordPress Core

Ticket #34220: 34220-update-revision-slider-2.diff

File 34220-update-revision-slider-2.diff, 2.5 KB (added by hugobaeta, 9 years ago)

Updated patch, includes hover, and active states (lacking before), and removed from color schemes scss

  • src/wp-admin/css/colors/_admin.scss

     
    484484        color: $menu-highlight-text;
    485485}
    486486
    487 /* jQuery UI Slider */
    488 
    489 .wp-slider .ui-slider-handle,
    490 .wp-slider .ui-slider-handle.ui-state-hover,
    491 .wp-slider .ui-slider-handle.focus {
    492         background: $button-color;
    493         border-color: darken( $button-color, 10% );
    494         box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
    495 }
    496 
    497487/* Responsive Component */
    498488
    499489div#wp-responsive-toggle a:before {
  • src/wp-admin/css/revisions.css

     
    462462        -webkit-border-radius: 50%;
    463463        border-radius: 50%;
    464464        height: 18px;
    465         margin-top: -3px;
     465        margin-top: -5px;
    466466        outline: none;
     467        padding: 2px;
    467468        position: absolute;
    468469        width: 18px;
    469470        z-index: 2;
     
    472473}
    473474
    474475.wp-slider .ui-slider-handle,
    475 .wp-slider .ui-slider-handle.ui-state-hover,
    476476.wp-slider .ui-slider-handle.focus {
    477         background: #00a0d2;
    478         border: 1px solid #0073aa;
    479         -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
    480         box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
     477        background: #f7f7f7;
     478        border: 1px solid #ccc;
     479        -webkit-box-shadow: 0 1px 0 #cccccc;
     480        box-shadow: 0 1px 0 #cccccc;
    481481}
    482482
     483.wp-slider .ui-slider-handle:hover,
     484.wp-slider .ui-slider-handle.ui-state-hover {
     485        background: #fafafa;
     486        border-color: #999;
     487}
     488
     489.wp-slider .ui-slider-handle:active,
     490.wp-slider .ui-slider-handle.ui-state-active {
     491        background: #eee;
     492        border-color: #999;
     493        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     494        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     495        -webkit-transform: translateY(1px);
     496        -ms-transform: translateY(1px);
     497        transform: translateY(1px);
     498}
     499
     500
    483501.wp-slider .ui-slider-handle:before {
    484502        background: none;
    485503        position: absolute;
    486         top: 0;
    487         left: 0;
    488         color: #fff;
     504        top: 2px;
     505        left: 2px;
     506        color: #555;
    489507        content: "\f229";
    490508        font: normal 18px/1 dashicons;
    491509        speak: none;
     
    493511        -moz-osx-font-smoothing: grayscale;
    494512}
    495513
     514.wp-slider .ui-slider-handle:hover:before,
     515.wp-slider .ui-slider-handle.ui-state-hover:before {
     516        color: #23282d;
     517}
     518
    496519.wp-slider .ui-slider-handle.from-handle:before,
    497520.wp-slider .ui-slider-handle.to-handle:before {
    498521        font-size: 20px !important;