Make WordPress Core

Changeset 34976


Ignore:
Timestamp:
10/09/2015 12:24:36 AM (7 years ago)
Author:
helen
Message:

Revisions: Update slider handle styling.

This brings them in line with updated buttons as done in [34948] for #31459. It also gives it secondary action styling as opposed to primary, as restoring is considered the primary action.

props hugobaeta.
fixes #34220.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r33453 r34976  
    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
  • trunk/src/wp-admin/css/revisions.css

    r34011 r34976  
    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;
     
    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);
    481 }
     477    background: #f7f7f7;
     478    border: 1px solid #ccc;
     479    -webkit-box-shadow: 0 1px 0 #cccccc;
     480    box-shadow: 0 1px 0 #cccccc;
     481}
     482
     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
    482500
    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;
     
    492510    -webkit-font-smoothing: antialiased;
    493511    -moz-osx-font-smoothing: grayscale;
     512}
     513
     514.wp-slider .ui-slider-handle:hover:before,
     515.wp-slider .ui-slider-handle.ui-state-hover:before {
     516    color: #23282d;
    494517}
    495518
Note: See TracChangeset for help on using the changeset viewer.