Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 10:26:08 +01:00
Code Issues Packages Projects Releases Activity

fix(client): right-shift on non-standard themes (closes #1646)

Browse Source
This commit is contained in:
Elian Doran
2025-04-07 17:55:35 +03:00
parent 63458d55d3
commit d33162785e
2 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/public/app/widgets/containers/launcher_container.ts
View File

@@ -11,19 +11,6 @@ export default class LauncherContainer extends FlexContainer<LauncherWidget> {
super(isHorizontalLayout ? "row" : "column"); super(isHorizontalLayout ? "row" : "column");
this.id("launcher-container"); this.id("launcher-container");
if (isHorizontalLayout) {
this.css("width", "100%");
this.css("height", "100%");
this.css("overflow-x", "auto");
this.css("overflow-y", "hidden");
} else {
this.css("height", "100%");
this.css("overflow-x", "hidden");
this.css("overflow-y", "auto");
}
this.css("scrollbar-gutter", "stable both-edges");
this.filling(); this.filling();
this.isHorizontalLayout = isHorizontalLayout; this.isHorizontalLayout = isHorizontalLayout;

17
src/public/stylesheets/theme-next/shell.css
View File

@@ -108,6 +108,10 @@ body.layout-horizontal > .horizontal {
align-items: center; align-items: center;
} }
#launcher-container {
scrollbar-gutter: stable both-edges;
}
#launcher-pane.vertical { #launcher-pane.vertical {
--launcher-pane-border-color: unset; --launcher-pane-border-color: unset;
--launcher-pane-background-color: var(--launcher-pane-vert-background-color); --launcher-pane-background-color: var(--launcher-pane-vert-background-color);
@@ -126,6 +130,12 @@ body.layout-horizontal > .horizontal {
padding-bottom: var(--launcher-pane-button-gap); padding-bottom: var(--launcher-pane-button-gap);
} }
#launcher-pane.vertical #launcher-container {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
#launcher-pane.horizontal { #launcher-pane.horizontal {
--launcher-pane-border-color: var(--launcher-pane-horiz-border-color); --launcher-pane-border-color: var(--launcher-pane-horiz-border-color);
--launcher-pane-background-color: var(--launcher-pane-horiz-background-color); --launcher-pane-background-color: var(--launcher-pane-horiz-background-color);
@@ -144,6 +154,13 @@ body.layout-horizontal > .horizontal {
align-items: center; align-items: center;
} }
#launcher-pane.horizontal #launcher-container {
width: 100%;
height: 100%;
overflow-x: auto;
overflow-y: hidden;
}
@media (max-width: 991px) { @media (max-width: 991px) {
#mobile-bottom-bar { #mobile-bottom-bar {
background: var(--launcher-pane-horiz-background-color); background: var(--launcher-pane-horiz-background-color);