add svg icon for context menu sub menu indications

cds-astro · Mar 5, 2024 · 01c2a60 · 01c2a60
1 parent 54a3775
commit 01c2a60
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/assets/icons/next.svg b/assets/icons/next.svg
diff --git a/src/js/gui/widgets/ContextMenu.js b/src/js/gui/widgets/ContextMenu.js
@@ -37,7 +37,9 @@ import { DOMElement } from './Widget.js';
 import { Layout } from '../Layout.js';
 import { ActionButton } from './ActionButton.js';
 import { Icon } from './Icon.js';
+
 import uploadIconUrl from '../../../../assets/icons/upload.svg';
+import nextIconSvg from '../../../../assets/icons/next.svg';
 
 export class ContextMenu extends DOMElement {
 
@@ -177,10 +179,7 @@ export class ContextMenu extends DOMElement {
         }
 
         if (opt.subMenu && opt.subMenu.length > 0) {
-            let spanEl = document.createElement('span')
-            spanEl.innerText = '▶';
-
-            item.appendChild(spanEl);
+            item.appendChild(new Icon({url: nextIconSvg, size: 'small', monochrome: true}).element());
             item.style.display = 'flex';
             item.style.alignItems = 'center';
             item.style.justifyContent = 'space-between';