Merge pull request #5839 from nextcloud-libraries/fix/align-action-ch…

…eckbox NcActionCheckbox: align with NcActionText
nextcloud-libraries · Jul 23, 2024 · c5b0335 · c5b0335
2 parents 41b9f0f + 72b5f7e
commit c5b0335
Showing 1 changed file with 3 additions and 3 deletions.
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;
 		}
 	}