From c4400eda8e717fcab4cc684eef50bf13b206a312 Mon Sep 17 00:00:00 2001 From: Marco Ambrosini Date: Mon, 5 Aug 2024 17:54:45 +0200 Subject: [PATCH 1/2] Update border radius Signed-off-by: Marco Ambrosini --- src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue | 2 +- src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue index 446bb3449f..170e84a869 100644 --- a/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue +++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue @@ -198,7 +198,7 @@ export default { gap: 4px; user-select: none; min-height: var(--default-clickable-area); - border-radius: var(--default-clickable-area); + border-radius: var(--border-radius-element); padding: 4px calc((var(--default-clickable-area) - var(--icon-height)) / 2); // Set to 100% to make text overflow work on button style width: 100%; diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue index d4e534d5a3..b180f2494c 100644 --- a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue +++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue @@ -682,7 +682,7 @@ export default { color: var(--color-primary-element-light); } - $border-radius: calc(var(--default-clickable-area) / 2); + $border-radius: var(--border-radius-element); // keep inner border width in mind $border-radius-outer: calc($border-radius + 2px); From e81c160da044f91cdec35a55d9953d5cbada2b0c Mon Sep 17 00:00:00 2001 From: Marco Ambrosini Date: Mon, 5 Aug 2024 17:56:17 +0200 Subject: [PATCH 2/2] Reduce border of radio set Signed-off-by: Marco Ambrosini --- src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue index b180f2494c..59b7bcb532 100644 --- a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue +++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue @@ -688,7 +688,7 @@ export default { &--button-variant.checkbox-radio-switch { background-color: var(--color-main-background); - border: 2px solid var(--color-border-maxcontrast); + border: 1px solid var(--color-border-maxcontrast); overflow: hidden; &--checked {