Revert vendor prefix removal

src/elements/emby-button/emby-button.css

@@ -9,6 +9,9 @@
     font-family: inherit;
     color: inherit;
     outline-width: 0;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     z-index: 0;
@@ -21,6 +24,8 @@
     outline: none !important;
     position: relative;
     font-weight: 600;
+    /* Disable webkit tap highlighting */
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
     text-decoration: none;
     /* Not crazy about this but it normalizes heights between anchors and buttons */
     line-height: 1.35;
@@ -94,6 +99,9 @@
     font-size: inherit;
     font-family: inherit;
     color: inherit;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     z-index: 0;
@@ -110,6 +118,8 @@
     position: relative;
     overflow: hidden;
     border-radius: 50%;
+    /* Disable webkit tap highlighting */
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
     justify-content: center;
     transform-origin: center;
     transition: 0.2s;

src/elements/emby-checkbox/emby-checkbox.css

@@ -38,6 +38,9 @@
     margin: 0;
     padding: 0;
     opacity: 0;
+    -ms-appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
     appearance: none;
     border: none;
 }
@@ -112,7 +115,7 @@
     margin-bottom: .25em;
 }
 
-@keyframes repaintChrome {
+@-webkit-keyframes repaintChrome {
     from {
         padding: 0;
     }

src/elements/emby-input/emby-input.css

@@ -10,8 +10,10 @@
     font-weight: inherit;
     padding: .4em .25em;
     /* Prevent padding from causing width overflow */
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     outline: none !important;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
     width: 100%;
 }
 
@@ -33,5 +35,6 @@
 }
 
 .emby-input-iconbutton {
+    -webkit-align-self: flex-end;
     align-self: flex-end;
 }

src/elements/emby-radio/emby-radio.css

@@ -27,6 +27,9 @@
     margin: 0;
     padding: 0;
     opacity: 0;
+    -ms-appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
     appearance: none;
     border: none;
 }
@@ -67,13 +70,17 @@
     cursor: pointer;
     transition-duration: 0.28s;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: -webkit-transform;
     transition-property: transform;
+    transition-property: transform, -webkit-transform;
+    -webkit-transform: scale3d(0, 0, 0);
     transform: scale3d(0, 0, 0);
     border-radius: 50%;
     background: #00a4dc;
 }
 
 .mdl-radio__button:checked + .mdl-radio__label + .mdl-radio__outer-circle + .mdl-radio__inner-circle {
+    -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
 }
 

src/elements/emby-select/emby-select.css

@@ -12,6 +12,7 @@
     /* Prevent padding from causing width overflow */
     box-sizing: border-box;
     outline: none !important;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
     width: 100%;
 }
 
@@ -19,6 +20,8 @@
         background: none !important;
         border-color: transparent !important;
         color: inherit !important;
+        -webkit-appearance: none;
+        -moz-appearance: none;
         appearance: none;
     }
 
@@ -38,6 +41,7 @@
 
 .emby-select-focusscale {
     transition: transform 180ms ease-out !important;
+    -webkit-transform-origin: center center;
     transform-origin: center center;
 }
 
@@ -73,6 +77,7 @@
 }
 
 .emby-select-withcolor {
+    -webkit-appearance: none;
     appearance: none;
     border-radius: .2em;
 }

src/elements/emby-slider/emby-slider.css

@@ -1,21 +1,31 @@
 _:-ms-input-placeholder {
-    appearance: none;
+    -ms-appearance: none;
     height: 2.223em;
     margin: 0;
 }
 
 .mdl-slider {
     width: 100%;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
     appearance: none;
     height: 150%;/*150% is needed, else ie and edge won't display the thumb properly*/
     background: transparent;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
     user-select: none;
     outline: 0;
     color: #00a4dc;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
     align-self: center;
     z-index: 1;
     cursor: pointer;
     margin: 0;
+    /* Disable webkit tap highlighting */
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
     display: block;
 }
 
@@ -59,7 +69,7 @@ _:-ms-input-placeholder {
     }
 
     .mdl-slider::-webkit-slider-thumb {
-        appearance: none;
+        -webkit-appearance: none;
         width: 1.2em;
         height: 1.2em;
         box-sizing: border-box;
@@ -98,7 +108,7 @@ _:-ms-input-placeholder {
 }
 
 .mdl-slider::-ms-thumb {
-    appearance: none;
+    -webkit-appearance: none;
     width: 1.8em;
     height: 1.8em;
     box-sizing: border-box;

src/elements/emby-textarea/emby-textarea.css

@@ -13,6 +13,7 @@
     /* Prevent padding from causing width overflow */
     box-sizing: border-box;
     outline: none !important;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
     width: 100%;
 }
 

src/elements/emby-toggle/emby-toggle.css

@@ -9,6 +9,10 @@
     margin: 0;
     padding: 0;
     overflow: visible;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
     user-select: none;
     flex-direction: row-reverse;
     justify-content: flex-end;
@@ -24,6 +28,9 @@
     margin: 0;
     padding: 0;
     opacity: 0;
+    -ms-appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
     appearance: none;
     border: none;
 }
@@ -82,6 +89,7 @@
     position: absolute;
     top: 50%;
     left: 50%;
+    -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     display: inline-block;
     box-sizing: border-box;