Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-12 20:02:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(client): global menu alignment on horizontal layout

Browse Source
This commit is contained in:
Elian Doran 2024-11-23 00:24:29 +02:00
parent 23873b72bf
commit 13e33549c1
No known key found for this signature in database
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/public/app/widgets/buttons/global_menu.js
View File

@ -5,7 +5,7 @@ import UpdateAvailableWidget from "./update_available.js";
import options from "../../services/options.js"; import options from "../../services/options.js";
const TPL = ` const TPL = `
<div class="dropdown global-menu dropend"> <div class="dropdown global-menu">
<style> <style>
.global-menu { .global-menu {
width: 53px; width: 53px;
@ -253,12 +253,16 @@ export default class GlobalMenuWidget extends BasicWidget {
super(); super();
this.updateAvailableWidget = new UpdateAvailableWidget(); this.updateAvailableWidget = new UpdateAvailableWidget();
this.isHorizontalLayout = isHorizontalLayout; this.isHorizontalLayout = isHorizontalLayout;
} }
doRender() { doRender() {
this.$widget = $(TPL); this.$widget = $(TPL);
if (!this.isHorizontalLayout) {
this.$widget.addClass("dropend");
}
const $globalMenuButton = this.$widget.find(".global-menu-button") const $globalMenuButton = this.$widget.find(".global-menu-button")
if (!this.isHorizontalLayout) { if (!this.isHorizontalLayout) {
$globalMenuButton.prepend($(`\ $globalMenuButton.prepend($(`\
@ -282,7 +286,9 @@ export default class GlobalMenuWidget extends BasicWidget {
$globalMenuButton.toggleClass("bx bx-menu"); $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")); this.$widget.find(".show-about-dialog-button").on('click', () => this.triggerCommand("openAboutDialog"));