From f7b1c3fee39ae4a992733c23a703e1904f6e3e28 Mon Sep 17 00:00:00 2001
From: SiriusXT <1160925501@qq.com>
Date: Tue, 19 Nov 2024 14:03:30 +0800
Subject: [PATCH]  Add box icons to note menu

---
 .../app/widgets/buttons/note_actions.js       | 103 +++++++++---------
 1 file changed, 53 insertions(+), 50 deletions(-)

diff --git a/src/public/app/widgets/buttons/note_actions.js b/src/public/app/widgets/buttons/note_actions.js
index cdefcbb48..7cb0c8c50 100644
--- a/src/public/app/widgets/buttons/note_actions.js
+++ b/src/public/app/widgets/buttons/note_actions.js
@@ -10,62 +10,65 @@ import { t } from "../../services/i18n.js";
 
 const TPL = `
 <div class="dropdown note-actions">
-  <style>
-    .note-actions {
-      width: 35px;
-      height: 35px;
-    }
+    <style>
+        .note-actions {
+            width: 35px;
+            height: 35px;
+        }
 
-    .note-actions .dropdown-menu {
-      min-width: 15em;
-    }
+        .note-actions .dropdown-menu {
+            min-width: 15em;
+        }
 
-    .note-actions .dropdown-item .bx {
-      margin-right: 5px;
-    }
+        .note-actions .dropdown-item .bx {
+            position: relative;
+            top: 3px;
+            font-size: 120%;
+            margin-right: 5px;
+        }
 
-    .note-actions .dropdown-item[disabled], .note-actions .dropdown-item[disabled]:hover {
-      color: var(--muted-text-color) !important;
-      background-color: transparent !important;
-      pointer-events: none; /* makes it unclickable */
-    }
+        .note-actions .dropdown-item[disabled], .note-actions .dropdown-item[disabled]:hover {
+            color: var(--muted-text-color) !important;
+            background-color: transparent !important;
+            pointer-events: none; /* makes it unclickable */
+        }
 
-  </style>
+    </style>
 
-  <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
-    class="icon-action bx bx-dots-vertical-rounded"></button>
+    <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
+      class="icon-action bx bx-dots-vertical-rounded"></button>
 
-  <div class="dropdown-menu dropdown-menu-right">
-    <li data-trigger-command="convertNoteIntoAttachment" class="dropdown-item">
-      <span class="bx bx-paperclip"></span> ${t('note_actions.convert_into_attachment')}
-    </li>
-    <li data-trigger-command="renderActiveNote" class="dropdown-item render-note-button">
-      <span class="bx bx-extension"></span> ${t('note_actions.re_render_note')}<kbd data-command="renderActiveNote"></kbd>
-    </li>
-    <li data-trigger-command="findInText" class="dropdown-item find-in-text-button">
-      <span class='bx bx-search'></span> ${t('note_actions.search_in_note')}<kbd data-command="findInText"></kbd>
-    </li>
-    <li data-trigger-command="showNoteSource" class="dropdown-item show-source-button">
-      <span class="bx bx-code"></span> ${t('note_actions.note_source')}<kbd data-command="showNoteSource"></kbd>
-    </li>
-    <li data-trigger-command="showAttachments" class="dropdown-item show-attachments-button">
-      <span class="bx bx-paperclip"></span> ${t('note_actions.note_attachments')}<kbd data-command="showAttachments"></kbd>
-    </li>
-    <li data-trigger-command="openNoteExternally" class="dropdown-item open-note-externally-button" title="${t('note_actions.open_note_externally_title')}">
-      <span class="bx bx-link-external"></span> ${t('note_actions.open_note_externally')}<kbd data-command="openNoteExternally"></kbd>
-    </li>
-    <li data-trigger-command="openNoteCustom" class="dropdown-item open-note-custom-button">
-      <span class="bx bx-customize"></span> ${t('note_actions.open_note_custom')}<kbd data-command="openNoteCustom"></kbd>
-    </li>
-    <li class="dropdown-item import-files-button"><span class="bx bx-import"></span> ${t('note_actions.import_files')}</li>
-    <li class="dropdown-item export-note-button"><span class="bx bx-export"></span> ${t('note_actions.export_note')}</li>
-    <li class="dropdown-item delete-note-button"><span class="bx bx-trash"></span> ${t('note_actions.delete_note')}</li>
-    <li data-trigger-command="printActiveNote" class="dropdown-item print-active-note-button">
-      <span class="bx bx-printer"></span> ${t('note_actions.print_note')}<kbd data-command="printActiveNote"></kbd></li>
-    <li data-trigger-command="forceSaveRevision" class="dropdown-item save-revision-button">
-      <span class="bx bx-save"></span> ${t('note_actions.save_revision')}<kbd data-command="forceSaveRevision"></kbd>
-    </li>
-  </div>
+    <div class="dropdown-menu dropdown-menu-right">
+        <li data-trigger-command="convertNoteIntoAttachment" class="dropdown-item">
+            <span class="bx bx-paperclip"></span> ${t('note_actions.convert_into_attachment')}
+        </li>
+        <li data-trigger-command="renderActiveNote" class="dropdown-item render-note-button">
+            <span class="bx bx-extension"></span> ${t('note_actions.re_render_note')}<kbd data-command="renderActiveNote"></kbd>
+        </li>
+        <li data-trigger-command="findInText" class="dropdown-item find-in-text-button">
+            <span class='bx bx-search'></span> ${t('note_actions.search_in_note')}<kbd data-command="findInText"></kbd>
+        </li>
+        <li data-trigger-command="showNoteSource" class="dropdown-item show-source-button">
+            <span class="bx bx-code"></span> ${t('note_actions.note_source')}<kbd data-command="showNoteSource"></kbd>
+        </li>
+        <li data-trigger-command="showAttachments" class="dropdown-item show-attachments-button">
+            <span class="bx bx-paperclip"></span> ${t('note_actions.note_attachments')}<kbd data-command="showAttachments"></kbd>
+        </li>
+        <li data-trigger-command="openNoteExternally" class="dropdown-item open-note-externally-button" title="${t('note_actions.open_note_externally_title')}">
+            <span class="bx bx-link-external"></span> ${t('note_actions.open_note_externally')}<kbd data-command="openNoteExternally"></kbd>
+        </li>
+        <li data-trigger-command="openNoteCustom" class="dropdown-item open-note-custom-button">
+            <span class="bx bx-customize"></span> ${t('note_actions.open_note_custom')}<kbd data-command="openNoteCustom"></kbd>
+        </li>
+        <li class="dropdown-item import-files-button"><span class="bx bx-import"></span> ${t('note_actions.import_files')}</li>
+        <li class="dropdown-item export-note-button"><span class="bx bx-export"></span> ${t('note_actions.export_note')}</li>
+        <li class="dropdown-item delete-note-button"><span class="bx bx-trash"></span> ${t('note_actions.delete_note')}</li>
+        <li data-trigger-command="printActiveNote" class="dropdown-item print-active-note-button">
+            <span class="bx bx-printer"></span> ${t('note_actions.print_note')}<kbd data-command="printActiveNote"></kbd></li>
+        <li data-trigger-command="forceSaveRevision" class="dropdown-item save-revision-button">
+            <span class="bx bx-save"></span> ${t('note_actions.save_revision')}<kbd data-command="forceSaveRevision"></kbd>
+        </li>
+    </div>
 </div>`;
 
 export default class NoteActionsWidget extends NoteContextAwareWidget {