sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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. 

git-svn-id: https://develop.svn.wordpress.org/trunk@26417 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas 2013-11-26 21:37:20 +00:00
parent 7e7d1b5690
commit 03f2da69e2
3 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/wp-admin/css/color-schemes/_admin.scss
View File

@ -399,6 +399,18 @@ ul#adminmenu > li.current > a.current:after {
}
/* jQuery UI Slider */
.wp-slider .ui-slider-handle,
.wp-slider .ui-slider-handle.ui-state-hover,
.wp-slider .ui-slider-handle.focus {
background: $button-color;
border-color: darken( $button-color, 10% );
-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
}
/* Responsive Component */
div#wp-responsive-toggle a:before {

17
src/wp-admin/css/colors-fresh.css
View File

@ -1392,24 +1392,13 @@ table.diff .diff-addedline ins {
.wp-slider .ui-slider-handle.ui-state-hover,
.wp-slider .ui-slider-handle.focus {
background: #2ea2cc;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe));
background: -webkit-linear-gradient(-45deg, #2ea2cc 0%,#1e8cbe 100%);
background: linear-gradient(135deg, #2ea2cc 0%,#1e8cbe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=1 );
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
border: 1px solid #0074a2;
-webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
}
.wp-slider .ui-slider-handle:before {
color: #fff;
text-shadow: 0 1px 1px rgba(0,116,162,1);
}
.wp-slider .ui-slider-handle.ui-state-active {
background: #0074a2;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0074a2), color-stop(100%,#005684));
background: -webkit-linear-gradient(-45deg, #0074a2 0%,#005684 100%);
background: linear-gradient(135deg, #0074a2 0%,#005684 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074a2', endColorstr='#005684',GradientType=1 );
}
/* edit image */

8
src/wp-admin/css/wp-admin.css
View File

@ -4961,19 +4961,17 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
.wp-slider .ui-slider-handle {
border-radius: 50%;
height: 20px;
margin-top: -2px;
height: 18px;
margin-top: -3px;
outline: none;
position: absolute;
width: 20px;
width: 18px;
z-index: 2;
}
.wp-slider .ui-slider-handle:before {
background: none;
position: absolute;
margin-top: 1px;
margin-left: 1px;
top: 0;
left: 0;
content: "\f229";