Browse Source

fix rich text editor scroll to top issue

fengchang 1 năm trước cách đây
mục cha
commit
3e5bff4612

+ 9 - 1
hichina-main-front-mobile-first/src/pages/BlogCreatePage.vue

@@ -5,9 +5,10 @@
         <div class="col-12 q-mt-xl">
           <q-input rounded outlined v-model="title" label="Blog title" />
         </div>
-        <div class="col-12 q-mt-xl">
+        <div class="col-12 q-mt-xl" style="height: 50vh">
           <QuillEditor
             theme="snow"
+            style="height: 100%"
             v-model:content="content"
             contentType="html"
             toolbar="full"
@@ -151,3 +152,10 @@ export default {
   },
 };
 </script>
+<style lang="sass" scoped>
+.ql-clipboard
+  position: fixed !important
+  opacity: 0 !important
+  left: 50% !important
+  top: 50% !important
+</style>

+ 2 - 1
hichina-main-front-mobile-first/src/pages/BlogEditPage.vue

@@ -5,13 +5,14 @@
         <div class="col-12 q-mt-xl">
           <q-input rounded outlined v-model="title" label="Blog title" />
         </div>
-        <div class="col-12 q-mt-xl">
+        <div class="col-12 q-mt-xl" style="height: 50vh">
           <QuillEditor
             @paste="handlePaste"
             theme="snow"
             v-model:content="content"
             contentType="html"
             toolbar="full"
+            style="height: 100%"
             ref="quillEditor"
             :modules="combineModule"
           />