repo: janusweb
action: commit
revision: 
path_from: 
revision_from: c50c1b0d2ffa09043c7eda8f5337bc4449d97ba1:
path_to: 
revision_to: 

commit c50c1b0d2ffa09043c7eda8f5337bc4449d97ba1
Author: James Baicoianu 
Date:   Sun Sep 10 00:12:44 2023 -0700

    Style tweaks for input, slider, image picker, etc

diff --git a/media/assets/webui/themes/default.css b/media/assets/webui/themes/default.css

--- a/media/assets/webui/themes/default.css
+++ b/media/assets/webui/themes/default.css
@@ -426,12 +426,21 @@ ui-tooltip {
 ui-input {
   display: flex;
 }
+ui-input>ui-label {
+  min-width: 5em;
+}
 ui-input>input {
   flex: 1 1;
+  background: #999;
+  border: 1px solid black;
+  border-radius: 4px;
 }
+ui-input>input:hover,
 ui-input>input[hover] {
+  background: #aaa;
 }
 ui-input>input:focus {
+  background: #bbb;
 }
 ui-input>input:active {
 }
@@ -675,6 +684,18 @@ ui-slider-handle {
   cursor: pointer;
   box-shadow: 0 0 5px rgba(0,0,0,.8);
 }
+ui-slider-handle>ui-label {
+  pointer-events: none;
+  position: absolute;
+  left: 20px;
+  z-index: 100;
+  background: rgba(0,0,0,.5);
+  border-radius: 20px;
+  padding: 0 .4em;
+}
+ui-slider-track[hover] ui-slider-handle>ui-label {
+  display: block !important;
+}


 /***********
@@ -881,6 +902,10 @@ ui-select>select {
 ui-select:hover>select {
   background: #555;
 }
+ui-select>ui-label {
+  min-width: 5em;
+}
+

 ui-formgroup {
   position: relative;
@@ -1242,3 +1267,20 @@ ui-spinner[full] {
   right: 0;
   background: rgba(0,0,0,.1);
 }
+ui-image-picker {
+  display: block;
+}
+ui-image-picker ui-label {
+  vertical-align: top;
+  min-width: 5em;
+  display: inline-block;
+}
+ui-image-picker canvas {
+  width: 30px;
+  height: 30px;
+  border: 1px solid black;
+  border-radius: 2px;
+  padding: 2px;
+  display: inline-block;
+  vertical-align: top;
+}

-----END OF PAGE-----