From 5d3a4f8f13d159f1b8ae3023284b58bb28042a5a Mon Sep 17 00:00:00 2001 From: lubber-de Date: Tue, 30 Apr 2024 18:48:56 +0200 Subject: [PATCH 1/2] feat(button): circular icon button to appear round at minimum --- src/definitions/elements/button.less | 5 +++++ src/themes/default/elements/button.variables | 1 + 2 files changed, 6 insertions(+) diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index 670c69b0e3..ac2b6c64e3 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -1100,6 +1100,11 @@ border-radius: @circularBorderRadius; } + .ui.circular.icon.buttons .button, + .ui.circular.icon.button { + min-width: @circularIconMinWidth; + } + .ui.circular.buttons .button > .icon, .ui.circular.button > .icon { width: @circularIconWidth; diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables index a9a4414abd..c72e2fb20c 100644 --- a/src/themes/default/elements/button.variables +++ b/src/themes/default/elements/button.variables @@ -394,6 +394,7 @@ /* Circular */ @circularBorderRadius: 10em; @circularIconWidth: 1em; +@circularIconMinWidth: 2.5em; @circularGroupMargin: 0.25em; @circularVerticalGroupMargin: @circularGroupMargin; From 222785b1bf089bbb1de24be7c0a8b69a56b32c6b Mon Sep 17 00:00:00 2001 From: lubber-de Date: Tue, 30 Apr 2024 20:28:40 +0200 Subject: [PATCH 2/2] feat(button): simplify minWidth --- src/definitions/elements/button.less | 6 +----- src/themes/default/elements/button.variables | 2 +- 2 files changed, 2 insertions(+), 6 deletions(-) diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index ac2b6c64e3..869160c2a3 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -1098,11 +1098,7 @@ .ui.ui.circular.buttons .button, .ui.ui.ui.ui.circular.button { border-radius: @circularBorderRadius; - } - - .ui.circular.icon.buttons .button, - .ui.circular.icon.button { - min-width: @circularIconMinWidth; + min-width: @circularMinWidth; } .ui.circular.buttons .button > .icon, diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables index c72e2fb20c..2775088c06 100644 --- a/src/themes/default/elements/button.variables +++ b/src/themes/default/elements/button.variables @@ -394,7 +394,7 @@ /* Circular */ @circularBorderRadius: 10em; @circularIconWidth: 1em; -@circularIconMinWidth: 2.5em; +@circularMinWidth: 2.5em; @circularGroupMargin: 0.25em; @circularVerticalGroupMargin: @circularGroupMargin;