Fix list formatting in news body

spraakbanken · Apr 24, 2024 · 4acdb86 · 4acdb86
1 parent bf1b290
commit 4acdb86
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 10 deletions.
diff --git a/src/corpus/config/CorpusConfiguration.vue b/src/corpus/config/CorpusConfiguration.vue
@@ -265,12 +265,3 @@ async function submit(fields: Form) {
     </div>
   </PendingContent>
 </template>
-
-<style scoped>
-.prose :deep(ul) {
-  padding-left: 2em;
-}
-.prose :deep(ul li) {
-  list-style-type: bullet;
-}
-</style>
diff --git a/src/home/HomeNews.vue b/src/home/HomeNews.vue
@@ -39,7 +39,7 @@ function getDate(date: Date) {
         </time>
 
         <!-- eslint-disable-next-line vue/no-v-html -->
-        <div v-html="th(item.body)"></div>
+        <div v-html="th(item.body)" class="prose"></div>
       </article>
     </div>
   </LayoutSection>

diff --git a/src/index.css b/src/index.css
@@ -95,6 +95,13 @@ select {
   @apply font-normal;
 }
 
+.prose ul {
+  padding-left: 2em;
+}
+.prose ul li {
+  list-style-type: disc;
+}
+
 @layer components {
   .mink-button {
     @apply p-1 px-2 rounded shadow bg-zinc-100 text-gray-700 cursor-pointer hover:drop-shadow-md hover:brightness-110 transition-all;