From b0e37820980fc9daa2caa2aeca10fc39d7acdef9 Mon Sep 17 00:00:00 2001 From: Ken Date: Wed, 5 Jun 2024 14:43:17 +0200 Subject: [PATCH 1/2] feat: Synced button icon size with copybutton --- .changeset/quiet-hotels-melt.md | 5 +++++ @navikt/core/css/button.css | 6 +----- 2 files changed, 6 insertions(+), 5 deletions(-) create mode 100644 .changeset/quiet-hotels-melt.md diff --git a/.changeset/quiet-hotels-melt.md b/.changeset/quiet-hotels-melt.md new file mode 100644 index 0000000000..4a5fe10634 --- /dev/null +++ b/.changeset/quiet-hotels-melt.md @@ -0,0 +1,5 @@ +--- +"@navikt/ds-css": patch +--- + +Button: Updated icon size for size="small" to 1.25rem. diff --git a/@navikt/core/css/button.css b/@navikt/core/css/button.css index 6b00df788c..eddad8eaf1 100644 --- a/@navikt/core/css/button.css +++ b/@navikt/core/css/button.css @@ -112,11 +112,7 @@ margin: 0; } -.navds-button--small .navds-button__icon { - --ac-button-icon-margin: -2px; -} - -.navds-button--xsmall .navds-button__icon { +:where(.navds-button--xsmall, .navds-button--small) .navds-button__icon { --ac-button-icon-margin: -2px; font-size: 1.25rem; From f56d315e56ec6949b1c6b469e017920e58534283 Mon Sep 17 00:00:00 2001 From: Ken Date: Wed, 5 Jun 2024 20:54:16 +0200 Subject: [PATCH 2/2] bug: Added min-width to button small --- @navikt/core/css/button.css | 1 + 1 file changed, 1 insertion(+) diff --git a/@navikt/core/css/button.css b/@navikt/core/css/button.css index eddad8eaf1..a3062ad2a0 100644 --- a/@navikt/core/css/button.css +++ b/@navikt/core/css/button.css @@ -53,6 +53,7 @@ padding: var(--ac-button-padding-small, var(--__ac-button-padding)); min-height: 2rem; + min-width: 2rem; } .navds-button--xsmall {