From 8d192e5bfd75e3bbe5b79f41802c3b2dc5404690 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mariana=20N=C3=BA=C3=B1ez?=
 <48533432+mariannuar@users.noreply.github.com>
Date: Fri, 22 Nov 2024 09:36:36 -0600
Subject: [PATCH] SHS-5911: Add indicator of 3rd level shortcut menu (#1681)

* SHS-5911: Add indicator of 3rd level shortcut menu.
---
 .../humsci_basic/src/scss/admin/_toolbar.scss | 28 +++++++++++++++++++
 .../dist/su_humsci_gin_admin.css              | 19 +++++++++++++
 2 files changed, 47 insertions(+)

diff --git a/docroot/themes/humsci/humsci_basic/src/scss/admin/_toolbar.scss b/docroot/themes/humsci/humsci_basic/src/scss/admin/_toolbar.scss
index e3453d373..7678bf314 100644
--- a/docroot/themes/humsci/humsci_basic/src/scss/admin/_toolbar.scss
+++ b/docroot/themes/humsci/humsci_basic/src/scss/admin/_toolbar.scss
@@ -35,6 +35,34 @@
       right: unset;
       left: 100%;
     }
+
+    li:has(.menu) {
+      & > a {
+        position: relative;
+        padding-right: 15px;
+
+        &::after {
+          content: '';
+          width: 16px;
+          height: 16px;
+          display: block;
+          position: absolute;
+          background-color: var(--gin-color-disabled);
+          mask-image: url('../../../contrib/gin/dist/media/sprite.svg#handle-view');
+          mask-position: center center;
+          mask-repeat: no-repeat;
+          mask-size: 14px 14px;
+          top: var(--gin-spacing-m);
+          right: var(--gin-spacing-s);
+        }
+      }
+
+      &:hover {
+        & > a::after {
+          background-color: var(--gin-color-primary-hover)
+        }
+      }
+    }
   }
 
   .menu:not(.toolbar-menu) li {
diff --git a/docroot/themes/humsci/su_humsci_gin_admin/dist/su_humsci_gin_admin.css b/docroot/themes/humsci/su_humsci_gin_admin/dist/su_humsci_gin_admin.css
index 9e13d4cd2..aec90365b 100644
--- a/docroot/themes/humsci/su_humsci_gin_admin/dist/su_humsci_gin_admin.css
+++ b/docroot/themes/humsci/su_humsci_gin_admin/dist/su_humsci_gin_admin.css
@@ -43,6 +43,25 @@ html:not(.gin--dark-mode) .user-logged-in[data-gin-accent="custom"] {
   left: 100%;
 }
 
+#toolbar-item-shortcuts-tray li > ul li:has(.menu) > a::after {
+  content: '';
+  width: 16px;
+  height: 16px;
+  display: block;
+  position: absolute;
+  background-color: var(--gin-color-disabled);
+  mask-image: url('../../../contrib/gin/dist/media/sprite.svg#handle-view');
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 14px 14px;
+  top: 12px;
+  right: var(--gin-spacing-s);
+}
+
+#toolbar-item-shortcuts-tray li > ul li:has(.menu):hover > a::after {
+  background-color: var(--gin-color-primary-hover);
+}
+
 #toolbar-item-shortcuts-tray .menu:not(.toolbar-menu) li {
   border-bottom: 1px solid var(--gin-border-color);
   min-width: 18rem;