fix(Modal): render correct backgrounds for NumberInput on Modal (#12230)

* fix(Modal): render correct backgrounds for NumberInput on Modal * chore(modal): remove numberinput example Co-authored-by: Taylor Jones <taylor.jones826@gmail.com> Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
carbon-design-system · Oct 5, 2022 · 7807d8c · 7807d8c
1 parent 7458ce3
commit 7807d8c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/styles/scss/components/modal/_modal.scss b/packages/styles/scss/components/modal/_modal.scss
@@ -62,9 +62,15 @@
     .#{$prefix}--dropdown-list,
     .#{$prefix}--number input[type='number'],
     .#{$prefix}--date-picker__input,
-    .#{$prefix}--multi-select {
+    .#{$prefix}--multi-select,
+    .#{$prefix}--number__control-btn::before,
+    .#{$prefix}--number__control-btn::after {
       background-color: $field-02;
     }
+
+    .#{$prefix}--number__rule-divider {
+      background-color: $border-subtle-02;
+    }
   }
 
   .#{$prefix}--modal.is-visible .#{$prefix}--modal-container {