Per-track volume sliders

1 files changed, 32 insertions, 0 deletions

diff --git a/extension/popup/style.css b/extension/popup/style.css
index 00e0f14..6338f93 100644
--- a/extension/popup/style.css
+++ b/extension/popup/style.css
@@ -155,6 +155,38 @@ h1 {
     float: right;
 }
 
+#track-list li.track label {
+    display: block;
+    white-space: nowrap;
+}
+
+.track .top-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+input[type=range] {
+    -webkit-appearance: none;
+    background: transparent;
+    vertical-align: bottom;
+}
+
+input[type=range]::-moz-range-thumb, input[type=range]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: 8px;
+    height: 8px;
+    border-radius: 3px;
+    background: #777777;
+    border: 1px solid black;
+}
+
+input[type=range]::-moz-range-track, ::-webkit-slider-runnable-track {
+    width: 100%;
+    height: 4px;
+    background: #AAA;
+}
+
 #track-list li.action {
     text-align: center;
 }