Make WordPress Core

Changeset 26417


Ignore:
Timestamp:
11/26/2013 09:37:20 PM (10 years ago)
Author:
iammattthomas
Message:

Remove gradients and text-shadow from ui-slider-handle and restyle it to mimic buttons. Match the background color to the chosen color scheme's -color. See #25858.

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

Legend:

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

    r26415 r26417  
    400400
    401401
     402/* jQuery UI Slider */
     403
     404.wp-slider .ui-slider-handle,
     405.wp-slider .ui-slider-handle.ui-state-hover,
     406.wp-slider .ui-slider-handle.focus {
     407    background: $button-color;
     408    border-color: darken( $button-color, 10% );
     409    -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     410    box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     411}
     412
     413
    402414/* Responsive Component */
    403415
  • trunk/src/wp-admin/css/colors-fresh.css

    r26410 r26417  
    13931393.wp-slider .ui-slider-handle.focus {
    13941394    background: #2ea2cc;
    1395     background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe));
    1396     background: -webkit-linear-gradient(-45deg, #2ea2cc 0%,#1e8cbe 100%);
    1397     background: linear-gradient(135deg, #2ea2cc 0%,#1e8cbe 100%);
    1398     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=1 );
    1399     box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     1395    border: 1px solid #0074a2;
     1396    -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
     1397    box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
    14001398}
    14011399
    14021400.wp-slider .ui-slider-handle:before {
    14031401    color: #fff;
    1404     text-shadow: 0 1px 1px rgba(0,116,162,1);
    1405 }
    1406 
    1407 .wp-slider .ui-slider-handle.ui-state-active {
    1408     background: #0074a2;
    1409     background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0074a2), color-stop(100%,#005684));
    1410     background: -webkit-linear-gradient(-45deg,  #0074a2 0%,#005684 100%);
    1411     background: linear-gradient(135deg,  #0074a2 0%,#005684 100%);
    1412     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074a2', endColorstr='#005684',GradientType=1 );
    14131402}
    14141403
  • trunk/src/wp-admin/css/wp-admin.css

    r26416 r26417  
    49624962.wp-slider .ui-slider-handle {
    49634963    border-radius: 50%;
    4964     height: 20px;
    4965     margin-top: -2px;
     4964    height: 18px;
     4965    margin-top: -3px;
    49664966    outline: none;
    49674967    position: absolute;
    4968     width: 20px;
     4968    width: 18px;
    49694969    z-index: 2;
    49704970}
     
    49734973    background: none;
    49744974    position: absolute;
    4975     margin-top: 1px;
    4976     margin-left: 1px;
    49774975    top: 0;
    49784976    left: 0;
Note: See TracChangeset for help on using the changeset viewer.