Update list input

danieldieeins · Aug 27, 2024 · 6234756 · 6234756
1 parent 2d82a8d
commit 6234756
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/application-ui/content/assets/application/css/app-shared.css b/application-ui/content/assets/application/css/app-shared.css
@@ -166,17 +166,17 @@ li:hover {
 }
 
 h3.input-list {
-    padding: 0.5rem;
+    padding: 0.5rem !important;
     border-radius: 0.5rem;
     background: var(--background2);
 
     .list-input-content {
         .list-input-item {
             padding: 0.2rem 1.5rem 0.2rem 0.5rem;
             border-radius: 0.5rem;
-            background: var(--background);
+            background: var(--background) !important;
             position: relative;
-            margin: 0 0.25rem 0 0;
+            margin: 0 0.13rem;
             line-height: 2.25rem;
             transition: all 0.25s ease;
 
@@ -207,9 +207,27 @@ h3.input-list {
         }
     }
 
+    .input-list-field {
+        top: 0.1rem;
+        right: 0;
+        width: calc(100% - 10rem);
+        position: absolute;
+        padding: 0.1rem;
+        border-radius: 0.5rem;
+        background: var(--background2);
+    }
+
     input.list {
         margin: 0 0.15rem 0 0.2rem;
         font-size: 1.25rem;
         color: var(--foreground);
+        background: var(--background);
+        border-radius: 0.25rem;
+    }
+}
+
+h3.input-list:hover {
+    .input-list-field {
+        background: var(--background2);
     }
 }