Merge pull request #5527 from nextcloud-libraries/fix/long-text-check…

…boxes fix(NcRichText): adjust display so long texts in checkboxes can be shown correctly
nextcloud-libraries · Apr 26, 2024 · 3febf1b · 3febf1b
2 parents db948fc + 2ef656b
commit 3febf1b
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue
@@ -224,8 +224,6 @@ export default {
 
 	&__text {
 		flex: 1 0;
-		display: flex;
-		align-items: center;
 
 		&:empty {
 			// hide text if empty to ensure checkbox outline is a circle instead of oval

diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -782,6 +782,8 @@ export default {
 	}
 	&--button-variant-h-grouped :deep(.checkbox-radio-switch__text) {
 		text-align: center;
+		display: flex;
+		align-items: center;
 	}
 	&--button-variant-h-grouped &__content {
 		flex-direction: column;

diff --git a/src/components/NcRichText/NcRichText.vue b/src/components/NcRichText/NcRichText.vue
@@ -583,7 +583,4 @@ a:not(.rich-text--component) {
 	text-decoration: underline;
 }
 
-:deep(.checkbox-content__text) {
-	gap: 4px;
-}
 </style>