From 4179f9c155994e4a74b568667f30961b13833518 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 20 Nov 2024 02:56:18 +0200
Subject: [PATCH] Improve the sub-menu arrows for the tree context menu

---
 src/public/app/menus/context_menu.js      | 1 +
 src/public/app/menus/tree_context_menu.js | 4 ++--
 src/public/stylesheets/style.css          | 5 +++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/public/app/menus/context_menu.js b/src/public/app/menus/context_menu.js
index 093803d5c..16df2da28 100644
--- a/src/public/app/menus/context_menu.js
+++ b/src/public/app/menus/context_menu.js
@@ -3,6 +3,7 @@ import keyboardActionService from '../services/keyboard_actions.js';
 class ContextMenu {
     constructor() {
         this.$widget = $("#context-menu-container");
+        this.$widget.addClass("dropend");
         this.dateContextMenuOpenedMs = 0;
 
         $(document).on('click', () => this.hide());
diff --git a/src/public/app/menus/tree_context_menu.js b/src/public/app/menus/tree_context_menu.js
index 2e6d2dedc..33d1314a8 100644
--- a/src/public/app/menus/tree_context_menu.js
+++ b/src/public/app/menus/tree_context_menu.js
@@ -60,11 +60,11 @@ export default class TreeContextMenu {
             { title: "----" },
             
 
-            { title: `${t("tree-context-menu.insert-note-after")} <kbd data-command="createNoteAfter"></kbd>`, command: "insertNoteAfter", uiIcon: "bx bx-plus",
+            { title: `${t("tree-context-menu.insert-note-after")}<kbd data-command="createNoteAfter"></kbd>`, command: "insertNoteAfter", uiIcon: "bx bx-plus",
                 items: insertNoteAfterEnabled ? await noteTypesService.getNoteTypeItems("insertNoteAfter") : null,
                 enabled: insertNoteAfterEnabled && noSelectedNotes && notOptions },
 
-            { title: `${t("tree-context-menu.insert-child-note")} <kbd data-command="createNoteInto"></kbd>`, command: "insertChildNote", uiIcon: "bx bx-plus",
+            { title: `${t("tree-context-menu.insert-child-note")}<kbd data-command="createNoteInto"></kbd>`, command: "insertChildNote", uiIcon: "bx bx-plus",
                 items: notSearch ? await noteTypesService.getNoteTypeItems("insertChildNote") : null,
                 enabled: notSearch && noSelectedNotes && notOptions },
             
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 4abc0413a..7edd58f7f 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -244,6 +244,11 @@ div.ui-tooltip {
     box-shadow: unset;
 }
 
+.dropend .dropdown-toggle::after {
+    margin-left: .5em;
+    color: var(--muted-text-color);
+}
+
 .dropdown-menu .disabled {
     color: #888 !important;
     pointer-events: none;