From 21300d8034a3c2fbbf3b08f305c761b4e4e25490 Mon Sep 17 00:00:00 2001
From: Stewart Allen <sa@grid.space>
Date: Sun, 2 Jun 2024 20:57:21 -0400
Subject: [PATCH] working on layer slider

---
 web/kiri/index.css  | 29 ++++++++++++++++++++---------
 web/kiri/index.html |  1 +
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/web/kiri/index.css b/web/kiri/index.css
index 35d2541b..ed8f670e 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -238,7 +238,7 @@ th, tr, td, label {
     color: var(--dark-menu-text)
 }
 .top-menu svg {
-    color: #555;
+    color: var(--blue-1);
 }
 .top-menu > span {
     position: relative;
@@ -1824,12 +1824,23 @@ th, tr, td, label {
     align-items: center;
 }
 .dark #slider-center {
-    border: 1px solid #555;
-    background-color: rgba(255,255,255,0.15);
+    /* background-color: rgba(255,255,255,0.15); */
 }
 #slider-center {
-    border: 1px solid #ccc;
-    background-color: rgba(255,255,255,0.5);
+    /* background-color: rgba(255,255,255,0.5); */
+}
+.dark #slider-line {
+    background-color: #555;
+}
+#slider-line {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: calc(50%-1.5px);
+    height: 3px;
+    min-height: 3px;
+    max-height: 3px;
+    background-color: #bbb;
 }
 .dark #slider-zero, .dark #slider-max {
     background-color: #555;
@@ -1837,12 +1848,12 @@ th, tr, td, label {
 }
 #slider-zero {
     z-index: 10;
-    background-color: #ccc;
+    background-color: #bbb;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }
 #slider-max {
-    background-color: #ccc;
+    background-color: #bbb;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }
@@ -1865,7 +1876,7 @@ th, tr, td, label {
 #slider-hold .handle {
     width: 15px;
     height: 100%;
-    background-color: var(--bg-gray);
+    background-color: var(--blue-1);
 }
 #slider-mid {
     width: 20px;
@@ -1956,7 +1967,7 @@ th, tr, td, label {
 }
 .settings {
     max-height: 100%;
-    overflow-y: scroll;
+    overflow-y: auto;
     overflow-x: visible;
     align-items: stretch;
     text-transform: capitalize;
diff --git a/web/kiri/index.html b/web/kiri/index.html
index b666f208..c45b10a5 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -259,6 +259,7 @@
                 <div id="slider" class="f-row russo">
                     <div id="slider-zero">0</div>
                     <div id="slider-center" class="grow">
+                        <div id="slider-line"></div>
                         <div id="slider-hold" class="f-row">
                             <div id="slider-lo" class="handle"><div id="slider-lo-val"></div></div>
                             <div id="slider-mid">&nbsp;</div>