gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 23:29:02 +02:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix(client): global menu blur-behind not working

Browse Source
This commit is contained in:
Elian Doran 2025-09-18 12:36:39 +03:00
parent 9dcf46cbb3
commit ba740eff9b
No known key found for this signature in database
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/client/src/widgets/buttons/global_menu.tsx
View File

@ -37,6 +37,7 @@ export default function GlobalMenu({ isHorizontalLayout }: { isHorizontalLayout:
<span className="bx bx-sync global-menu-button-update-available-button" title={t("update_available.update_available")}></span> <span className="bx bx-sync global-menu-button-update-available-button" title={t("update_available.update_available")}></span>
</div>} </div>}
</>} </>}
noDropdownListStyle
> >
<MenuItem command="openNewWindow" icon="bx bx-window-open" text={t("global_menu.open_new_window")} /> <MenuItem command="openNewWindow" icon="bx bx-window-open" text={t("global_menu.open_new_window")} />

5
apps/client/src/widgets/react/Dropdown.tsx
View File

@ -16,12 +16,13 @@ export interface DropdownProps {
/** If set to true, then the dropdown button will be considered an icon action (without normal border and sized for icons only). */ /** If set to true, then the dropdown button will be considered an icon action (without normal border and sized for icons only). */
iconAction?: boolean; iconAction?: boolean;
noSelectButtonStyle?: boolean; noSelectButtonStyle?: boolean;
noDropdownListStyle?: boolean;
disabled?: boolean; disabled?: boolean;
text?: ComponentChildren; text?: ComponentChildren;
forceShown?: boolean; forceShown?: boolean;
} }
export default function Dropdown({ className, buttonClassName, isStatic, children, title, text, dropdownContainerStyle, dropdownContainerClassName, hideToggleArrow, iconAction, disabled, noSelectButtonStyle, forceShown }: DropdownProps) { export default function Dropdown({ className, buttonClassName, isStatic, children, title, text, dropdownContainerStyle, dropdownContainerClassName, hideToggleArrow, iconAction, disabled, noSelectButtonStyle, noDropdownListStyle, forceShown }: DropdownProps) {
const dropdownRef = useRef<HTMLDivElement | null>(null); const dropdownRef = useRef<HTMLDivElement | null>(null);
const triggerRef = useRef<HTMLButtonElement | null>(null); const triggerRef = useRef<HTMLButtonElement | null>(null);
@ -81,7 +82,7 @@ export default function Dropdown({ className, buttonClassName, isStatic, childre
</button> </button>
<ul <ul
class={`dropdown-menu ${isStatic ? "static" : ""} ${dropdownContainerClassName ?? ""} tn-dropdown-list`} class={`dropdown-menu ${isStatic ? "static" : ""} ${dropdownContainerClassName ?? ""} ${!noDropdownListStyle ? "tn-dropdown-list" : ""}`}
style={dropdownContainerStyle} style={dropdownContainerStyle}
aria-labelledby={ariaId} aria-labelledby={ariaId}
> >