style(NcActionCheckbox): align with NcActionText

GVodyanov · backportbot[bot] · commit caa9602fad80 · 2024-07-23T17:21:32.000Z
Signed-off-by: Grigory V &lt;scratchx@gmx.com&gt;
diff --git 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;
 		}
 	}
 

Original file line number	Diff line number	Diff line change
`@@ -204,10 +204,10 @@ export default {`
`204`	`204`	`padding: 0 !important;`
`205`	`205`	`padding-right: $icon-margin !important;`
`206`	`206`
`207`		`- // checkbox-width is 12px, border is 2`
`208`		`- // (44 - 14 - 2) / 2 = 14`
`209`	`207`	`&::before {`
`210`		`- margin: 0 14px 0 !important;`
	`208`	`+ margin-block: 0 !important;`
	`209`	`+ // 16px is the width of the checkbox including the border`
	`210`	`+ margin-inline: calc((var(--default-clickable-area) - 16px) / 2) !important;`
`211`	`211`	`}`
`212`	`212`	`}`
`213`	`213`