fix(Select): fix background issues with inline variant optgroups (#9636)

* fix(Select): fix background issues with inline variant optgroups * fix(Select): set select background so that background is rendered Co-authored-by: Alessandra Davila <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Oct 4, 2021 · be4e770 · be4e770
1 parent d02a8e5
commit be4e770
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/src/components/pagination/_pagination.scss b/packages/components/src/components/pagination/_pagination.scss
@@ -89,6 +89,7 @@ $css--helpers: true;
     min-width: auto;
     height: 100%;
     padding: 0 2.25rem 0 $spacing-05;
+    background-color: $ui-01;
     line-height: $size-md;
   }
 

diff --git a/packages/components/src/components/select/_select.scss b/packages/components/src/components/select/_select.scss
@@ -172,9 +172,10 @@
     opacity: 1;
   }
 
-  .#{$prefix}--select-optgroup,
+  optgroup.#{$prefix}--select-optgroup,
   .#{$prefix}--select-option {
     // For the options to show in IE11
+    background-color: $background-hover;
     color: $text-01;
 
     &:disabled {
@@ -211,7 +212,7 @@
     padding-right: $spacing-07;
     padding-left: $carbon--spacing-03;
     border-bottom: none;
-    background-color: transparent;
+    background-color: $background;
     color: $text-01;
   }