Fix input group background

codex-storage · Nov 26, 2024 · 6fd2ee9 · 6fd2ee9
1 parent 894c6d9
commit 6fd2ee9
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/codex-storage/codex-marketplace-ui-components"
   },
-  "version": "0.0.49",
+  "version": "0.0.50",
   "type": "module",
   "scripts": {
     "prepack": "npm run build",

diff --git a/src/components/Input/input.css b/src/components/Input/input.css
@@ -6,7 +6,7 @@
 
 @property --codex-input-background-color {
   syntax: "<color>";
-  inherits: false;
+  inherits: true;
   initial-value: rgba(20, 20, 20, 0.6);
 }
 

diff --git a/src/components/InputGroup/inputGroup.css b/src/components/InputGroup/inputGroup.css
@@ -10,6 +10,12 @@
   initial-value: rgba(150, 150, 150, 0.2);
 }
 
+@property --codex-input-group-background-color {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(20, 20, 20, 0.6);
+}
+
 .input-group {
   box-sizing: border-box;
 
@@ -38,6 +44,7 @@
         border-bottom-right-radius: var(--codex-input-group-border-radius);
         height: 64px;
         box-sizing: border-box;
+        background-color: var(--codex-input-group-background-color);
 
         select {
           border-top-left-radius: 0;