From ca327bd85a21f13a6c54960fc172d7e9a3a94eea Mon Sep 17 00:00:00 2001 From: "Matheus P. Silva" Date: Tue, 17 Sep 2024 10:23:06 -0300 Subject: [PATCH 1/2] fix(button): add min-width --- packages/shoreline/src/themes/sunrise/components/button.css | 1 + packages/shoreline/src/themes/sunrise/components/drawer.css | 4 ---- packages/shoreline/src/themes/sunrise/components/modal.css | 4 ---- packages/shoreline/src/themes/sunrise/components/page.css | 4 ---- 4 files changed, 1 insertion(+), 12 deletions(-) diff --git a/packages/shoreline/src/themes/sunrise/components/button.css b/packages/shoreline/src/themes/sunrise/components/button.css index e3fa402f7b..947c54c3c5 100644 --- 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 index 681d0eec62..96573b1222 100644 --- 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/modal.css b/packages/shoreline/src/themes/sunrise/components/modal.css index 63cec265d8..46744b2ee0 100644 --- 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 index f21bc4ed53..52af1c93a5 100644 --- 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; From bc66cbb36f25a33666fe8c3af9dc016c9d045cf7 Mon Sep 17 00:00:00 2001 From: "Matheus P. Silva" Date: Tue, 17 Sep 2024 10:33:38 -0300 Subject: [PATCH 2/2] fix(icon-button): define auto min-width --- packages/shoreline/src/themes/sunrise/components/icon-button.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/shoreline/src/themes/sunrise/components/icon-button.css b/packages/shoreline/src/themes/sunrise/components/icon-button.css index f085989d17..66fea5e41f 100644 --- 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,