From 121fa50daaf61cdedfd7b208fda9badacee62ba6 Mon Sep 17 00:00:00 2001 From: Raphael Ferrand Date: Thu, 20 Jun 2024 17:55:55 +0200 Subject: [PATCH] SWED-2511 fix style button loading spinner squashed --- RELEASE_NOTES.md | 36 ++------------------------------- src/less/components/button.less | 1 + 2 files changed, 3 insertions(+), 34 deletions(-) diff --git a/RELEASE_NOTES.md b/RELEASE_NOTES.md index 7af2129e92..d49d741ca9 100644 --- a/RELEASE_NOTES.md +++ b/RELEASE_NOTES.md @@ -1,41 +1,9 @@ # Changelog -## \[10.12.0\] - 16.05.2024 +## \[10.12.1\] - 21.06.2024 ## Component changes -- Input fields - - - Labels line-height increased & mobile values adjusted, so values are in sync with `h4` typography style - -- Radio inputs - - - Minor non-breaking UI change to the default input radio - - Minor UI changes to checkmark variant - - Some non-breaking UI changes (colors, width, ...) - - Now we achieve the checkmark icon using `span.checkmark-icon` instead of loading an actual icon element with an svg - - New "large" variant for checkmark radio input - - Possibility to add a subtext inside the checkmark variant (use `span.subtext`) - - Buttons - - minor non-breaking UI updates (height for size large, unify hover state, update active & focus-visible UI, and more) - - add Danish MitId button style (you can use either `i.bank-id-dk` OR `i.mitid-dk`, both are supported) - - secondary buttons get a transparent background-color - -- Cards - - - fix style .cards-wide on mobile - -- Dialog - - - UI update - - new syntax, leveraging the standard tag - - silent support for the old syntax until the next major release - - add transitions - -## Technical changes - -- chore deps (update deps packages minor versions) - -- remove Sentry from codebase + - loading spinner of buttons keep their aspect-ratio even if the buttons is squashed, when they're in overflow state diff --git a/src/less/components/button.less b/src/less/components/button.less index 865eb4bce8..81690f9476 100644 --- a/src/less/components/button.less +++ b/src/less/components/button.less @@ -217,6 +217,7 @@ border: 0.15rem solid; width: 1rem; height: 1rem; + aspect-ratio: 1; animation: loader-spin 0.8s linear infinite; }