[Web] Fix upload button icon color and dropdown input caret size [C-3771

] (#7484) Co-authored-by: Nikki Kang <kangaroo233@gmail.com>
AudiusProject · Feb 7, 2024 · 3fc17fc · 3fc17fc
1 parent 4b39b68
commit 3fc17fc
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 8 deletions.
diff --git a/packages/web/src/components/artist-recommendations/ArtistRecommendations.module.css b/packages/web/src/components/artist-recommendations/ArtistRecommendations.module.css
@@ -11,9 +11,7 @@
   position: relative;
   transition: all 0.17s ease-in-out !important;
 }
-.icon.remove g path {
-  fill: var(--neutral-light-4);
-}
+
 .closeButton {
   width: 16px;
   margin-right: 16px;

diff --git a/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx b/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx
@@ -259,7 +259,10 @@ export const ArtistRecommendations = forwardRef<
           className={styles.closeButton}
           onClick={onClose}
         >
-          <IconClose className={cn(styles.icon, styles.remove)} />
+          <IconClose
+            color='subdued'
+            className={cn(styles.icon, styles.remove)}
+          />
         </div>
         {renderHeader()}
       </div>

diff --git a/packages/web/src/components/data-entry/DropdownInput.jsx b/packages/web/src/components/data-entry/DropdownInput.jsx
@@ -148,7 +148,7 @@ class DropdownInput extends Component {
               <div className={styles.placeholder}>{placeholder}</div>
             }
             showArrow={true}
-            suffixIcon={<IconCaretDown className={styles.arrow} />}
+            suffixIcon={<IconCaretDown size='xs' className={styles.arrow} />}
             defaultActiveFirstOption={false}
             optionFilterProp='children'
             onSelect={this.onSelect}

diff --git a/packages/web/src/components/data-entry/DropdownInput.module.css b/packages/web/src/components/data-entry/DropdownInput.module.css
@@ -146,8 +146,6 @@
 
 .arrow {
   margin-right: 4px;
-  height: 6px;
-  width: 10px;
   cursor: pointer;
 }
 

diff --git a/packages/web/src/components/nav/desktop/NavButton.module.css b/packages/web/src/components/nav/desktop/NavButton.module.css
@@ -28,7 +28,7 @@
   margin-right: 8px !important;
 }
 
-.upload > .navButtonIcon g path {
+.upload > .navButtonIcon path {
   fill: var(--neutral-light-4);
 }