From 6966f92339bbd45abbbea80ec2ed616d73317edb Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 4 Jan 2025 22:00:39 +0200
Subject: [PATCH] feat(mobile): use custom icon for configure launchbar

---
 src/public/app/components/root_command_executor.ts | 3 ++-
 src/public/app/widgets/buttons/global_menu.ts      | 2 +-
 src/public/app/widgets/spacer.ts                   | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/public/app/components/root_command_executor.ts b/src/public/app/components/root_command_executor.ts
index 9823a01cd..afc3ec8fd 100644
--- a/src/public/app/components/root_command_executor.ts
+++ b/src/public/app/components/root_command_executor.ts
@@ -91,7 +91,8 @@ export default class RootCommandExecutor extends Component {
     }
 
     async showLaunchBarSubtreeCommand() {
-        await this.showAndHoistSubtree('_lbRoot');
+        const rootNote = utils.isMobile() ? "_lbMobileRoot" : "_lbRoot";
+        await this.showAndHoistSubtree(rootNote);
         this.showLeftPaneCommand();
     }
 
diff --git a/src/public/app/widgets/buttons/global_menu.ts b/src/public/app/widgets/buttons/global_menu.ts
index b284f210c..d7893499f 100644
--- a/src/public/app/widgets/buttons/global_menu.ts
+++ b/src/public/app/widgets/buttons/global_menu.ts
@@ -156,7 +156,7 @@ const TPL = `
         </li>
 
         <li class="dropdown-item" data-trigger-command="showLaunchBarSubtree">
-            <span class="bx bx-sidebar"></span>
+            <span class="bx ${utils.isMobile() ? "bx-mobile" : "bx-sidebar"}"></span>
             ${t('global_menu.configure_launchbar')}
         </li>
 
diff --git a/src/public/app/widgets/spacer.ts b/src/public/app/widgets/spacer.ts
index 2c3c9662b..67ea42e3f 100644
--- a/src/public/app/widgets/spacer.ts
+++ b/src/public/app/widgets/spacer.ts
@@ -2,6 +2,7 @@ import { t } from "../services/i18n.js";
 import BasicWidget from "./basic_widget.js";
 import contextMenu from "../menus/context_menu.js";
 import appContext from "../components/app_context.js";
+import utils from "../services/utils.js";
 
 const TPL = `<div class="spacer"></div>`;
 
@@ -30,7 +31,7 @@ export default class SpacerWidget extends BasicWidget {
                 x: e.pageX,
                 y: e.pageY,
                 items: [
-                    {title: t("spacer.configure_launchbar"), command: "showLaunchBarSubtree", uiIcon: "bx bx-sidebar"}
+                    {title: t("spacer.configure_launchbar"), command: "showLaunchBarSubtree", uiIcon: "bx " + (utils.isMobile() ? "bx-mobile" : "bx-sidebar")}
                 ],
                 selectMenuItemHandler: ({command}) => {
                     if (command) {