fix(datepicker): better fill color for svgs

Jaspero · Nov 25, 2024 · 4c676ac · 4c676ac
1 parent c30d1f7
commit 4c676ac
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte
@@ -79,7 +79,7 @@
       <!-- <ChipsDemo /> -->
       <!-- <CkEditorDemo /> -->
       <!-- <DateRangeDemo /> -->
-      <!-- <DatepickerDemo /> -->
+      <DatepickerDemo />
       <!-- <FileListDemo /> -->
       <!-- <FileUploadDemo /> -->
       <!-- <InputDemo /> -->

diff --git a/packages/lib/src/form-fields/datepicker/datepicker.wc.pcss b/packages/lib/src/form-fields/datepicker/datepicker.wc.pcss
@@ -143,6 +143,10 @@
         padding: 0.5rem 0.75rem;
         border-radius: 0.5rem;
 
+        > svg {
+          fill: currentColor;
+        }
+
         &:hover {
           background-color: var(--background-secondary);
         }
@@ -155,7 +159,7 @@
       display: flex;
       border: 0;
 
-      & button {
+      & > button {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -165,6 +169,10 @@
         border: 0;
         border-radius: 50%;
 
+        > svg {
+          fill: currentColor;
+        }
+
         &:not(:disabled):hover {
           background-color: var(--background-secondary);
         }