From afb3c0109b1634d646333d92c2cf7cc64a1d8d11 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Mon, 19 May 2025 19:12:08 +0530
Subject: [PATCH] fix: list item styling

---
 app/javascript/ui/LiteReplyBox.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/app/javascript/ui/LiteReplyBox.vue b/app/javascript/ui/LiteReplyBox.vue
index 2b743e443..2dc65d67f 100644
--- a/app/javascript/ui/LiteReplyBox.vue
+++ b/app/javascript/ui/LiteReplyBox.vue
@@ -2,7 +2,7 @@
 import { useTemplateRef } from 'vue';
 import { mapGetters } from 'vuex';
 import { useAlert } from 'dashboard/composables';
-import keyboardEventListenerMixins from 'shared/mixins/keyboardEventListenerMixins';
+// import keyboardEventListenerMixins from 'shared/mixins/keyboardEventListenerMixins';
 
 import ReplyBottomPanel from 'dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue';
 import AttachmentPreview from 'dashboard/components/widgets/AttachmentsPreview.vue';
@@ -21,7 +21,7 @@ export default {
     ReplyBottomPanel,
     WootMessageEditor,
   },
-  mixins: [inboxMixin, fileUploadMixin, keyboardEventListenerMixins],
+  mixins: [inboxMixin, fileUploadMixin],
   setup() {
     const replyEditor = useTemplateRef('replyEditor');
 
@@ -352,7 +352,7 @@ export default {
       <WootMessageEditor
         v-model="message"
         :editor-id="editorStateId"
-        class="input px-1"
+        class="input"
         :is-private="isOnPrivateNote"
         :placeholder="messagePlaceHolder"
         :update-selection-with="updateEditorSelectionWith"
@@ -426,6 +426,22 @@ export default {
   }
 }
 
+/* in safari the list marker is truncated */
+/* We could add, the following, but in Safari, it behaves weirdly with the curosr */
+/* ::v-deep .ProseMirror li {
+  list-style-position: inside !important;
+} */
+
+@supports (-webkit-hyphens: none) {
+  ::v-deep .ProseMirror ul {
+    margin-left: 2ch !important;
+  }
+
+  ::v-deep .ProseMirror ol {
+    margin-left: 2ch !important;
+  }
+}
+
 .send-button {
   @apply mb-0;
 }