Skip to content
Permalink
Browse files

fix(color-picker-slider-focus): add focus state to color picker slide…

…r thumb

[Finishes #W-4172014]
  • Loading branch information...
zahnster committed Aug 2, 2017
1 parent dd85217 commit c29d368297e238e6964d8f42626539692ed97689
Showing with 21 additions and 4 deletions.
  1. +21 −4 ui/components/color-picker/base/_index.scss
@@ -231,10 +231,6 @@
$color-stops
);

&:focus {
outline: none;
}

@mixin thumb-styles {
appearance: none;
cursor: pointer;
@@ -245,6 +241,11 @@
background: $color-picker-slider-thumb-color-background;
}

@mixin thumb-styles-focus {
border-color: $color-border-input-active;
box-shadow: $shadow-button-focus;
}

&::-webkit-slider-thumb {
@include thumb-styles;
}
@@ -258,6 +259,22 @@
height: $color-picker-slider-height;
}

&:focus {
outline: none;

&::-webkit-slider-thumb {
@include thumb-styles-focus;
}

&::-moz-range-thumb {
@include thumb-styles-focus;
}

&::-ms-thumb {
@include thumb-styles-focus;
}
}

&::-moz-range-track {
height: 0;
}

0 comments on commit c29d368

Please sign in to comment.
You can’t perform that action at this time.