fix(ld-select): swap more indicator color and background-color

emdgroup-liquid · Sep 16, 2021 · c0e580b · c0e580b
1 parent 2a1eaa5
commit c0e580b
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 10 deletions.
diff --git a/screenshot/builds/master.json b/screenshot/builds/master.json
@@ -2,7 +2,7 @@
   "id": "master",
   "message": "Master",
   "appNamespace": "liquid",
-  "timestamp": 1628511080742,
+  "timestamp": 1631790418391,
   "screenshots": [
     {
       "id": "ebe71651",
@@ -15606,7 +15606,7 @@
     },
     {
       "id": "99caa70b",
-      "image": "49d01aad00b214d74bc74eb138e274a5.png",
+      "image": "a16ce29f8555d3ac183422c5495af9eb.png",
       "userAgent": "default",
       "desc": "ld-select multiple max-rows theme-bubblegum",
       "testPath": "./src/liquid/components/ld-select/test/ld-select.e2e.ts",

diff --git a/screenshot/images/49d01aad00b214d74bc74eb138e274a5.png b/screenshot/images/49d01aad00b214d74bc74eb138e274a5.png
diff --git a/screenshot/images/a16ce29f8555d3ac183422c5495af9eb.png b/screenshot/images/a16ce29f8555d3ac183422c5495af9eb.png
diff --git a/src/liquid/components/ld-select/ld-select.css b/src/liquid/components/ld-select/ld-select.css
@@ -313,16 +313,11 @@
   display: inline-flex;
   align-items: center;
   font: var(--ld-typo-label-s);
-  color: var(--ld-col-wht);
   font-weight: 700;
   padding: var(--ld-sp-4) var(--ld-sp-6);
   border-radius: var(--ld-br-m);
   margin-right: var(--ld-sp-4);
   margin-bottom: var(--ld-sp-4);
-
-  :where(.ld-select__btn-trigger[aria-disabled='true']) & {
-    background-color: var(--ld-col-rblck1);
-  }
 }
 
 .ld-select__btn-clear-single,
@@ -475,7 +470,9 @@
   }
 
   :where(.ld-select:not([disabled]):not([aria-disabled='true'])) {
-    .ld-select__selection-list-more,
+    .ld-select__selection-list-more {
+      color: var(--ld-thm-ocean-bg-primary);
+    }
     .ld-select__selection-label-bg {
       background-color: var(--ld-thm-ocean-bg-primary);
     }
@@ -590,7 +587,9 @@
   }
 
   :where(.ld-select:not([disabled]):not([aria-disabled='true'])) {
-    .ld-select__selection-list-more,
+    .ld-select__selection-list-more {
+      color: var(--ld-col-rp-default);
+    }
     .ld-select__selection-label-bg {
       background-color: var(--ld-col-rp-default);
     }
@@ -702,7 +701,9 @@
   }
 
   :where(.ld-select:not([disabled]):not([aria-disabled='true'])) {
-    .ld-select__selection-list-more,
+    .ld-select__selection-list-more {
+      color: var(--ld-thm-tea-bg-primary);
+    }
     .ld-select__selection-label-bg {
       background-color: var(--ld-thm-tea-bg-primary);
     }