Merge pull request #249 from nextcloud/backport/247/stable0.4

[stable0.4] bugfix: #207 fix css to display checkbox labels inline
nextcloud · Apr 26, 2023 · 935cd1e · 935cd1e
2 parents f1a3a0a + eb4cf7f
commit 935cd1e
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/src/shared/components/ncTable/partials/TableCellHtml.vue b/src/shared/components/ncTable/partials/TableCellHtml.vue
@@ -1,6 +1,8 @@
 <template>
-	<!-- eslint-disable-next-line vue/no-v-html -->
-	<div v-if="value" v-html="value" />
+	<div>
+		<!-- eslint-disable-next-line vue/no-v-html -->
+		<div v-if="value" class="tiptap-reader-cell" v-html="value" />
+	</div>
 </template>
 
 <script>
@@ -24,15 +26,24 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 
-div {
+:deep(.tiptap-reader-cell) {
 	max-height: calc(var(--default-line-height) * 6);
 	overflow-y: scroll;
 	min-width: 100px;
 	white-space: pre-wrap;
 	margin-top: calc(var(--default-grid-baseline) * 2);
 	margin-bottom: calc(var(--default-grid-baseline) * 2);
+
+	li {
+		display: flex;
+		align-items: center;
+	}
+
+	li > div {
+		padding-left: calc(var(--default-grid-baseline) * 2);
+	}
 }
 
 </style>