fix(modal): set half width single buttons (#5502)

carbon-design-system · Mar 10, 2020 · 80903ac · 80903ac
1 parent 8efe541
commit 80903ac
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/components/src/components/modal/_modal.scss b/packages/components/src/components/modal/_modal.scss
@@ -292,16 +292,16 @@
 
   .#{$prefix}--modal-footer {
     display: flex;
+    justify-content: flex-end;
     margin-top: auto;
     height: 4rem;
-    background-color: $modal-footer-background-color;
 
     grid-row: -1/-1;
     grid-column: 1/-1;
 
     button.#{$prefix}--btn {
       max-width: none;
-      flex: 1;
+      flex: 0 1 50%;
       height: 4rem;
       margin: 0;
       padding-top: $spacing-05;

diff --git a/packages/components/src/globals/scss/__tests__/themes-test.js b/packages/components/src/globals/scss/__tests__/themes-test.js
@@ -81,7 +81,6 @@ const classic = [
 
   // Modal
   'modal-border-top',
-  'modal-footer-background-color',
 
   // Progress Indicator
   'progress-indicator-bar-width',

diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss
@@ -255,6 +255,7 @@ $modal-border-top: $brand-01 4px solid !default;
 /// @type Color
 /// @access public
 /// @group modal
+/// @deprecated
 $modal-footer-background-color: $ui-03 !default;
 
 // Notification