slider CSS fix

src/examples/proteopedia-wrapper/index.ts

@@ -249,9 +249,7 @@ class MolStarProteopediaWrapper {
     toggleSpin() {
         if (!this.plugin.canvas3d) return;
         const trackball = this.plugin.canvas3d.props.trackball;
-        const spinning = trackball.spin;
         PluginCommands.Canvas3D.SetSettings(this.plugin, { settings: { trackball: { ...trackball, spin: !trackball.spin } } });
-        if (!spinning) PluginCommands.Camera.Reset(this.plugin, { });
     }
 
     viewport = {

src/mol-plugin-ui/skin/base/components/slider.scss

@@ -100,15 +100,16 @@
   }
 
   &-disabled {
-    background-color: #e9e9e9;
-
-    .msp-slider-base-track {
-      background-color: $slider-disabledColor;
-    }
-
+    background: $default-background;
+    opacity: 0.35;
+    
+    // .msp-slider-base-track {
+    //   background-color: $slider-disabledColor;
+    // }
+    
     .msp-slider-base-handle, .msp-slider-base-dot {
-      border-color: $slider-disabledColor;
-      background-color: #fff;
+      // border-color: $slider-disabledColor;
+      // background-color: color-lower-contrast($font-color, 10%);
       cursor: not-allowed;
     }