paper-slider.css in polymer-paper-rails-0.2.5

- old
+ new

@@ -9,12 +9,21 @@
 
 :host {
   display: inline-block;
   width: 200px;
   cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
+:host(:focus) {
+  outline: none;
+}
+
 #sliderContainer {
   position: relative;
   width: calc(100% - 32px);
   height: 32px;
 }
@@ -90,18 +99,23 @@
 
 #sliderBar::shadow #activeProgress {
   background-color: #3f51b5;
 }
 
+.transiting #sliderBar::shadow #activeProgress {
+  transition: -webkit-transform 0.08s ease;
+  transition: transform 0.08s ease;
+}
+
 #sliderKnob {
   position: absolute;
   left: 0;
   top: 0;
   width: 32px;
   height: 32px;
 }
 
-#sliderKnob.transiting {
+.transiting > #sliderKnob {
   transition: left 0.08s ease;
 }
 
 #sliderKnob:focus {
   outline: none;