From 149a75f80c5fbd09329a2e7f87204e67a2c429df Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 9 Jun 2020 19:28:01 +0200
Subject: add opacity slider and properly debounce it

---
 frontend/views/graph/graph.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'frontend/views/graph')

diff --git a/frontend/views/graph/graph.css b/frontend/views/graph/graph.css
index af29e15..c635f5e 100644
--- a/frontend/views/graph/graph.css
+++ b/frontend/views/graph/graph.css
@@ -127,6 +127,23 @@
   font-size: smaller;
   margin-bottom: 0.25rem;
 }
+
+.box .slider {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.box .slider span {
+  min-width: 5px;
+}
+.box .slider input[type='number'] {
+  width: 3.5rem;
+}
+.box .slider input[type='range'] {
+  width: 6rem; 
+}
+
 /* Graph handles */
 
 .handle {
-- 
cgit v1.2.3-70-g09d2