From caa9602fad80dec91430616e8c630ad8dd96246c Mon Sep 17 00:00:00 2001 From: Grigory V Date: Fri, 19 Jul 2024 16:30:17 +0200 Subject: [PATCH] style(NcActionCheckbox): align with NcActionText Signed-off-by: Grigory V --- src/components/NcActionCheckbox/NcActionCheckbox.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/NcActionCheckbox/NcActionCheckbox.vue b/src/components/NcActionCheckbox/NcActionCheckbox.vue index 79c490c1cf..aa8008dc80 100644 --- a/src/components/NcActionCheckbox/NcActionCheckbox.vue +++ b/src/components/NcActionCheckbox/NcActionCheckbox.vue @@ -204,10 +204,10 @@ export default { padding: 0 !important; padding-right: $icon-margin !important; - // checkbox-width is 12px, border is 2 - // (44 - 14 - 2) / 2 = 14 &::before { - margin: 0 14px 0 !important; + margin-block: 0 !important; + // 16px is the width of the checkbox including the border + margin-inline: calc((var(--default-clickable-area) - 16px) / 2) !important; } }