From 13e33549c137ca0ddeaf81cbabff0c0fac9176ae Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 23 Nov 2024 00:24:29 +0200
Subject: [PATCH] fix(client): global menu alignment on horizontal layout

---
 src/public/app/widgets/buttons/global_menu.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/buttons/global_menu.js b/src/public/app/widgets/buttons/global_menu.js
index 63026db68..f16d35153 100644
--- a/src/public/app/widgets/buttons/global_menu.js
+++ b/src/public/app/widgets/buttons/global_menu.js
@@ -5,7 +5,7 @@ import UpdateAvailableWidget from "./update_available.js";
 import options from "../../services/options.js";
 
 const TPL = `
-<div class="dropdown global-menu dropend">
+<div class="dropdown global-menu">
     <style>
     .global-menu {
         width: 53px;
@@ -253,12 +253,16 @@ export default class GlobalMenuWidget extends BasicWidget {
         super();
 
         this.updateAvailableWidget = new UpdateAvailableWidget();
-        this.isHorizontalLayout = isHorizontalLayout;
+        this.isHorizontalLayout = isHorizontalLayout;        
     }
 
     doRender() {
         this.$widget = $(TPL);
 
+        if (!this.isHorizontalLayout) {
+            this.$widget.addClass("dropend");
+        }
+
         const $globalMenuButton = this.$widget.find(".global-menu-button")
         if (!this.isHorizontalLayout) {
             $globalMenuButton.prepend($(`\
@@ -282,7 +286,9 @@ export default class GlobalMenuWidget extends BasicWidget {
             $globalMenuButton.toggleClass("bx bx-menu");
         }
 
-        this.dropdown = bootstrap.Dropdown.getOrCreateInstance(this.$widget.find("[data-bs-toggle='dropdown']"));
+        this.dropdown = bootstrap.Dropdown.getOrCreateInstance(this.$widget.find("[data-bs-toggle='dropdown']"), {
+            alignment: "bottom"
+        });
 
         this.$widget.find(".show-about-dialog-button").on('click', () => this.triggerCommand("openAboutDialog"));