From 1ddd5d800de76c471e0110abc05b7fc8adb9cc9a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 29 Nov 2024 16:29:38 +0200
Subject: [PATCH] Restyle menu item arrows

---
 src/public/stylesheets/theme-next.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 950843f76..b03df7753 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -102,6 +102,7 @@
    --menu-item-icon-color: #505050;
    --menu-item-disabled-opacity: .5;
    --menu-item-accelerator-color: #666666a8;
+   --menu-item-arrow-color: #00000080;
    --menu-item-delimiter-color: #00000030;
 
    --modal-background-color: white;
@@ -223,8 +224,10 @@
         --menu-item-icon-color: #505050;
         --menu-item-disabled-opacity: .5;
         --menu-item-accelerator-color: #666666a8;
+        --menu-item-arrow-color: #00000080;
         --menu-item-delimiter-color: #00000030;
 
+
         --modal-background-color: #333;
         --modal-backdrop-color: #444;
 
@@ -770,7 +773,8 @@
 }
 
 .dropdown-item {
-    padding: 2px 8px !important;
+    padding: 2px 16px 2px 8px !important;
+    /* Note: the right padding should also accommodate the submenu arrow. */
     border-radius: 6px;
     cursor: default !important;
 }
@@ -808,6 +812,24 @@ html body .dropdown-item.disabled {
     border-top: 1px solid var(--menu-item-delimiter-color);
 }
 
+/* Menu item arrow */
+.dropdown-toggle::after {
+    content: "\ed3b" !important;
+    position: absolute;
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    top: 0;
+    right: 0;
+    height: 100%;
+    margin: unset !important;
+    border: unset !important;
+    padding: 0 4px;
+    font-family: boxicons;
+    font-size: 1.2em;
+    color: var(--menu-item-arrow-color) !important;
+}
+
 /*
  * TEXT NOTES
  */