Fix Fast Vertical Slider CSS (#3045)

* fix-fast-slider-vertical-css * make fast slider track wider Co-authored-by: Marc Skov Madsen <[email protected]>
holoviz · Dec 29, 2021 · 007475d · 007475d
1 parent ced61b8
commit 007475d
Showing 1 changed file with 23 additions and 3 deletions.
diff --git a/panel/template/fast/css/fast_bokeh.css b/panel/template/fast/css/fast_bokeh.css
@@ -1491,10 +1491,13 @@ input[type=range]::-moz-range-track {
   background-position: center;
   border-radius: calc(var(--corner-radius) * 1px);
 }
+.noUi-connect, .noUi-connects {
+  background-color: var(--neutral-outline-rest) !important;
+}
 .bk-root .noUi-horizontal {
   /* height: 2px; */
   margin-top: 15px;
-  height: calc(var(--track-width) * 1px);
+  height: calc(var(--track-width) * 2px);
   background-color: var(--neutral-outline-rest);
   border-radius: calc(var(--corner-radius) * 1px);
 }
@@ -1510,8 +1513,8 @@ input[type=range]::-moz-range-track {
 
 .bk-root .noUi-horizontal .noUi-handle {
     border: none;
-    width: 12px;
-    height: 12px;
+    width: 13px;
+    height: 13px;
     background: var(--neutral-foreground-rest);
     border-radius: calc(var(--corner-radius) * 1px);
     box-shadow: none;
@@ -1521,6 +1524,23 @@ input[type=range]::-moz-range-track {
   cursor: not-allowed;
   opacity: 0.5;
 }
+.bk-root .noUi-vertical {
+  margin-top: 15px;
+  width: calc(var(--track-width) * 2px);
+  background-color: var(--neutral-outline-rest);
+  border-radius: calc(var(--corner-radius) * 1px);
+}
+.bk-root .noUi-target.noUi-vertical {
+    margin-top: 10px;
+}
+.bk-root .noUi-vertical .noUi-handle {
+    border: none;
+    width: 13px;
+    height: 13px;
+    background: var(--neutral-foreground-rest);
+    border-radius: calc(var(--corner-radius) * 1px);
+    box-shadow: none;
+}
 .bk-root .bk-tabs-header {
   display: flex;
   display: -webkit-flex;