Change minor design and text issues

- Remove the split line under the last list item.
- Enter spaces.
- Partial swapping of upper and lower case letters.

webapp/components/Editor/MenuLegend.vue

@@ -15,9 +15,13 @@
     <template #popover="" class="legend">
       <div class="legend-container">
         <div class="legend-header">{{ $t(`editor.legend.legendTitle`) }}</div>
-        <div class="legend-table" v-for="item in legenditems" :key="item.name">
+        <div
+          :class="['legend-table', index < legendItems.length - 1 && 'legend-table-split-line']"
+          v-for="(item, index) in legendItems"
+          :key="item.name"
+        >
           <div>
-            <base-button size="small" circle ghost :icon="item.iconname" class="legend-icon">
+            <base-button size="small" circle ghost :icon="item.iconName" class="legend-icon">
               <span v-if="item.label">{{ item.label }}</span>
             </base-button>
             <span>{{ $t(item.name) }}</span>
@@ -43,18 +47,18 @@ export default {
   },
   data() {
     return {
-      legenditems: [
+      legendItems: [
-        { iconname: 'bold', name: `editor.legend.bold`, shortcut: 'Ctrl+b' },
+        { iconName: 'bold', name: `editor.legend.bold`, shortcut: 'ctrl + b' },
-        { iconname: 'italic', name: `editor.legend.italic`, shortcut: 'Ctrl+i' },
+        { iconName: 'italic', name: `editor.legend.italic`, shortcut: 'ctrl + i' },
-        { iconname: 'underline', name: `editor.legend.underline`, shortcut: 'Ctrl+u' },
+        { iconName: 'underline', name: `editor.legend.underline`, shortcut: 'ctrl + u' },
-        { iconname: 'link', name: `editor.legend.link`, shortcut: '' },
+        { iconName: 'link', name: `editor.legend.link`, shortcut: '' },
-        { iconname: 'paragraph', name: `editor.legend.paragraph`, shortcut: '' },
+        { iconName: 'paragraph', name: `editor.legend.paragraph`, shortcut: '' },
         { label: 'H3', name: `editor.legend.heading3`, shortcut: '### + space' },
         { label: 'H4', name: `editor.legend.heading4`, shortcut: '#### + space' },
-        { iconname: 'list-ul', name: `editor.legend.unorderedList`, shortcut: '* + space' },
+        { iconName: 'list-ul', name: `editor.legend.unorderedList`, shortcut: '* + space' },
-        { iconname: 'list-ol', name: `editor.legend.orderedList`, shortcut: '1. + space' },
+        { iconName: 'list-ol', name: `editor.legend.orderedList`, shortcut: '1. + space' },
-        { iconname: 'quote-right', name: `editor.legend.quote`, shortcut: '> + space' },
+        { iconName: 'quote-right', name: `editor.legend.quote`, shortcut: '> + space' },
-        { iconname: 'minus', name: `editor.legend.ruler`, shortcut: '---' },
+        { iconName: 'minus', name: `editor.legend.ruler`, shortcut: '---' },
       ],
     }
   },
@@ -91,9 +95,11 @@ export default {
   display: grid;
   align-items: center;
   grid-template-columns: 1fr 1fr;
-  border-bottom: 0.5px solid grey;
   padding: 0.2em;
 }
+.legend-table-split-line {
+  border-bottom: 0.5px solid grey;
+}
 
 .legend-table > div {
   display: flex;

webapp/locales/en.json

@@ -314,18 +314,18 @@
       "noHashtagsFound": "No hashtags found"
     },
     "legend": {
-      "bold": "bold",
+      "bold": "Bold",
-      "heading3": "heading3",
+      "heading3": "Heading 3",
-      "heading4": "heading4",
+      "heading4": "Heading 4",
-      "italic": "italic",
+      "italic": "Italic",
       "legendTitle": "Keyboard shortcuts and markdown code",
-      "link": "link",
+      "link": "Link",
-      "orderedList": "ordered list",
+      "orderedList": "Ordered list",
-      "paragraph": "paragraph",
+      "paragraph": "Paragraph",
-      "quote": "quote",
+      "quote": "Quote",
-      "ruler": "ruler",
+      "ruler": "Ruler",
-      "underline": "underline",
+      "underline": "Underline",
-      "unorderedList": "unordered list"
+      "unorderedList": "Unordered list"
     },
     "mention": {
       "noUsersFound": "No users found"

webapp/locales/ru.json

@@ -261,18 +261,18 @@
       "noHashtagsFound": "Хэштеги не найдены"
     },
     "legend": {
-      "bold": "полужирный",
+      "bold": "Полужирный",
-      "heading3": "заголовок 3",
+      "heading3": "Заголовок 3",
-      "heading4": "заголовок 4",
+      "heading4": "Заголовок 4",
-      "italic": "курсив",
+      "italic": "Курсив",
       "legendTitle": "Клавиатурные сокращения и код разметки",
-      "link": "ссылка",
+      "link": "Ссылка",
-      "orderedList": "нумерованный список",
+      "orderedList": "Нумерованный список",
-      "paragraph": "параграф",
+      "paragraph": "Параграф",
-      "quote": "кавычки",
+      "quote": "Кавычки",
-      "ruler": "горизонтальная линия",
+      "ruler": "Горизонтальная линия",
-      "underline": "подчеркнутый",
+      "underline": "Подчеркнутый",
-      "unorderedList": "маркированный список"
+      "unorderedList": "Маркированный список"
     },
     "mention": {
       "noUsersFound": "Пользователи не найдены"