fix: adjust display for content

Signed-off-by: DorraJaouad <[email protected]>
nextcloud-libraries · Apr 25, 2024 · 2ef656b · 2ef656b
1 parent 11ed9f0
commit 2ef656b
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>