Merge pull request #365 from Esri/asangma/bg-color-fix-post-364

fix(lists): added bg-color rules.
Esri · Oct 9, 2019 · c6228a0 · c6228a0
2 parents 71cc1d1 + b361655
commit c6228a0
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 1 deletion.
diff --git a/src/assets/styles/_color.scss b/src/assets/styles/_color.scss
@@ -25,6 +25,7 @@ $vibrant-blue: $v-bb-120;
   --calcite-app-foreground-link: #{$blue};
 
   --calcite-app-background-content: #{$lightest-gray};
+  --calcite-app-background-clear: transparent;
 
   --calcite-app-border: #{$lighter-gray};
   --calcite-app-border-subtle: #{$lightest-gray};

diff --git a/src/components/calcite-pick-list-group/calcite-pick-list-group.scss b/src/components/calcite-pick-list-group/calcite-pick-list-group.scss
@@ -1,4 +1,5 @@
 :host {
+  background-color: var(--calcite-app-background-clear);
   display: block;
 }
 

diff --git a/src/components/calcite-pick-list/calcite-pick-list.scss b/src/components/calcite-pick-list/calcite-pick-list.scss
@@ -1,5 +1,6 @@
 :host {
   align-items: stretch;
+  background-color: var(--calcite-app-background-clear);
   display: flex;
   flex-flow: column;
   padding-bottom: var(--calcite-app-cap-spacing-half);

diff --git a/src/components/calcite-value-list-item/calcite-value-list-item.scss b/src/components/calcite-value-list-item/calcite-value-list-item.scss
@@ -1,4 +1,5 @@
 :host {
+  background-color: var(--calcite-app-background-clear);
   display: block;
 }
 

diff --git a/src/components/calcite-value-list/calcite-value-list.scss b/src/components/calcite-value-list/calcite-value-list.scss
@@ -1,6 +1,6 @@
 :host {
   align-items: stretch;
-  background-color: transparent;
+  background-color: var(--calcite-app-background-clear);
   display: flex;
   flex-flow: column;
   padding: var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);