From e04aeb62d92812705a892ecb8b4e4c08d3723cf3 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Tue, 29 Dec 2020 15:40:04 -0500 Subject: [PATCH] Fix toggle button size in Safari --- docs/getting-started/changelog.md | 1 + src/components/color-picker/color-picker.scss | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/getting-started/changelog.md b/docs/getting-started/changelog.md index 859002708..245cb1ce3 100644 --- a/docs/getting-started/changelog.md +++ b/docs/getting-started/changelog.md @@ -12,6 +12,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis - Removed ~400 baked-in Animista animations because they were causing ~200KB of bloat (they can still be used with custom keyframes) - Reworked animations into a separate module ([`@shoelace-style/animations`](https://github.com/shoelace-style/animations)) so it's more maintainable and animations are sync with the latest version of animate.css - Animation and easing names are now camelcase (e.g. `easeInOut` instead of `ease-in-out`) +- Fixed a bug in `sl-color-picker` where the toggle button was smaller than the preview button in Safari ## 2.0.0-beta.25 diff --git a/src/components/color-picker/color-picker.scss b/src/components/color-picker/color-picker.scss index 05e743cbe..a6c64dd85 100644 --- a/src/components/color-picker/color-picker.scss +++ b/src/components/color-picker/color-picker.scss @@ -216,7 +216,9 @@ } sl-button { - width: 3.125rem; + min-width: 3.125rem; + max-width: 3.125rem; + font-size: 1rem; margin-left: var(--sl-spacing-small); } }