Fix NcCheckboxRadioSwitch

Signed-off-by: Simon L <szaimen@e.mail.de>
nextcloud-libraries · Nov 7, 2023 · c3ff08a · c3ff08a
1 parent c9a7dcb
commit c3ff08a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue
@@ -209,7 +209,7 @@ export default {
 	min-height: $clickable-area;
 	border-radius: $clickable-area;
 	box-sizing: content-box !important;
-	padding: 4px $icon-margin;
+	padding: 0px $icon-margin;
 	// Set to 100% to make text overflow work on button style
 	width: 100%;
 	// but restrict to content so plain checkboxes / radio switches do not expand

diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -743,6 +743,10 @@ export default {
 		&:not(:first-of-type) {
 			border-left: 0!important;
 		}
+
+		> .checkbox-content {
+			padding: 4px $icon-margin;
+		}
 	}
 	&--button-variant-h-grouped :deep(.checkbox-radio-switch__text) {
 		text-align: center;