Fix read part

emptynick · Aug 15, 2020 · 9c46d0e · 9c46d0e
1 parent e704295
commit 9c46d0e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/resources/dist/tiptap.js b/resources/dist/tiptap.js
diff --git a/resources/src/components/Formfield/Read.vue b/resources/src/components/Formfield/Read.vue
@@ -1,10 +1,24 @@
 <template>
-    <div v-html="translate(data, !translatable)">
+    <div v-html="translate(data, !translatable)" class="tiptap">
     </div>
 </template>
 
 <script>
 export default {
     props: ['options', 'data', 'translatable'],
 };
-</script>
+</script>
+
+<style lang="scss">
+.tiptap {
+    height: 100%;
+    width: 100%;
+    &:focus {
+        outline: none !important;
+    }
+
+    li > p:first-child {
+        display: inline;
+    }
+}
+</style>
diff --git a/resources/src/components/TipTap.vue b/resources/src/components/TipTap.vue
@@ -164,15 +164,13 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .tiptap {
     .content {
         min-height: 16rem;
     }
 }
-</style>
 
-<style lang="scss">
 .ProseMirror {
     height: 100%;
     width: 100%;