fix(button): add min-width (#1955)

vtex · Sep 17, 2024 · 7e92eae · 7e92eae
2 parents 5226786 + bc66cbb
commit 7e92eae
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 12 deletions.
diff --git a/packages/shoreline/src/themes/sunrise/components/button.css b/packages/shoreline/src/themes/sunrise/components/button.css
@@ -10,6 +10,7 @@
   cursor: pointer;
   appearance: button;
   text-decoration: none;
+  min-width: 6.25rem;
 
   &:focus {
     outline: none;

diff --git a/packages/shoreline/src/themes/sunrise/components/drawer.css b/packages/shoreline/src/themes/sunrise/components/drawer.css
@@ -45,10 +45,6 @@
   justify-content: space-between;
   align-items: center;
 
-  & :where(button:not([data-sl-modal-dismiss])) {
-    min-width: 5rem;
-  }
-
   & :where(button) {
     margin-top: calc(var(--sl-element-space-top) * -1);
     margin-bottom: calc(var(--sl-element-space-bottom) * -1);

diff --git a/packages/shoreline/src/themes/sunrise/components/icon-button.css b/packages/shoreline/src/themes/sunrise/components/icon-button.css
@@ -1,4 +1,5 @@
 [data-sl-icon-button] {
+  min-width: auto;
   width: var(--sl-element-height);
 
   & [data-sl-button-content] > [data-sl-icon]:first-child,

diff --git a/packages/shoreline/src/themes/sunrise/components/modal.css b/packages/shoreline/src/themes/sunrise/components/modal.css
@@ -58,10 +58,6 @@
   top: 0;
   background: var(--sl-bg-base);
 
-  & :where(button:not([data-sl-modal-dismiss])) {
-    min-width: 5rem;
-  }
-
   & :where(button) {
     margin-top: calc(var(--sl-element-space-top) * -1);
     margin-bottom: calc(var(--sl-element-space-bottom) * -1);

diff --git a/packages/shoreline/src/themes/sunrise/components/page.css b/packages/shoreline/src/themes/sunrise/components/page.css
@@ -11,10 +11,6 @@
 }
 
 [data-sl-page-header-container] {
-  :where([data-sl-button]):not([data-sl-icon-button]) {
-    min-width: 6.25rem;
-  }
-
   [data-sl-page-header] {
     display: flex;
     flex-direction: column;