Merge branch '353-ux-improvement-edited-text' into 'dev'

Edited text improvement

Closes #353

See merge request keanuapp/keanuapp-weblite!114

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "keanuapp-weblite",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "keanuapp-weblite",
-      "version": "0.1.25",
+      "version": "0.1.27",
       "dependencies": {
         "@matrix-org/olm": "^3.2.12",
         "aes-js": "^3.1.2",

src/assets/css/chat.scss

@@ -486,9 +486,12 @@ $admin-fg: white;
   overflow-wrap: break-word;
   word-wrap: break-word;
   white-space: pre-wrap;
+  text-align: left;
+
   .edit-marker {
     font-size: 0.8rem;
     color: #888888;
+    margin-left: 6px;
   }
   .from-admin & {
     color: $admin-fg;

src/components/messages/MessageIncomingText.vue

@@ -13,7 +13,7 @@
       <div class="message">
         <span v-html="linkify($sanitize(messageText))" />
         <span class="edit-marker" v-if="event.replacingEventId()"
-          >{{ $t('edited') }}</span
+          >{{ $t('message.edited') }}</span
         >
       </div>
       <!-- <div>{{ JSON.stringify(event) }}</div> -->

src/components/messages/MessageOutgoingText.vue

@@ -14,7 +14,7 @@
       <div class="message">
         <span v-html="linkify($sanitize(messageText))" />
         <span class="edit-marker" v-if="event.replacingEventId()"
-          >{{ $t('edited') }}</span
+          >{{ $t('message.edited') }}</span
         >
       </div>
     </div>