Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-11-04 15:11:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(client): fix size for horizontal launcher bar

Browse Source
This commit is contained in:
Elian Doran 2024-11-22 21:14:50 +02:00
parent c9f2a2bd6b
commit c858630678
No known key found for this signature in database
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/app/layouts/desktop_layout.js
View File

@ -233,12 +233,14 @@ export default class DesktopLayout {
if (isHorizontal) { if (isHorizontal) {
launcherPane = new FlexContainer("row") launcherPane = new FlexContainer("row")
.css("height", "53px") .css("height", "53px")
.class("horizontal")
.child(new LeftPaneToggleWidget()) .child(new LeftPaneToggleWidget())
.child(new LauncherContainer(isHorizontal)) .child(new LauncherContainer(isHorizontal))
.child(new GlobalMenuWidget()) .child(new GlobalMenuWidget())
} else { } else {
launcherPane = new FlexContainer("column") launcherPane = new FlexContainer("column")
.css("width", "53px") .css("width", "53px")
.class("vertical")
.child(new GlobalMenuWidget()) .child(new GlobalMenuWidget())
.child(new LauncherContainer(isHorizontal)) .child(new LauncherContainer(isHorizontal))
.child(new LeftPaneToggleWidget()); .child(new LeftPaneToggleWidget());

13
src/public/stylesheets/style.css
View File

@ -1124,10 +1124,19 @@ li.dropdown-submenu:hover > ul.dropdown-menu {
border: none; border: none;
color: var(--launcher-pane-text-color); color: var(--launcher-pane-text-color);
background-color: var(--launcher-pane-background-color); background-color: var(--launcher-pane-background-color);
height: 53px;
width: 100%;
} }
#launcher-pane.vertical .launcher-button {
width: 100%;
height: 53px;
}
#launcher-pane.horizontal .launcher-button {
width: 53px;
height: 100%;
}
#launcher-pane .icon-action:hover { #launcher-pane .icon-action:hover {
background-color: var(--hover-item-background-color); background-color: var(--hover-item-background-color);
} }