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

feat(launch_bar): make scrollable when icons don't fit

Browse Source
This commit is contained in:
Elian Doran 2025-04-02 20:36:24 +03:00
parent 86433e4c51
commit d8a1852935
No known key found for this signature in database
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,19 @@ export default class LauncherContainer extends FlexContainer<LauncherWidget> {
super(isHorizontalLayout ? "row" : "column"); super(isHorizontalLayout ? "row" : "column");
this.id("launcher-container"); this.id("launcher-container");
this.css(isHorizontalLayout ? "width" : "height", "100%");
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;

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

@ -1177,6 +1177,10 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
left: calc(-100% + 10px); left: calc(-100% + 10px);
} }
.right-dropdown-widget {
flex-shrink: 0;
}
#launcher-pane.horizontal .right-dropdown-widget { #launcher-pane.horizontal .right-dropdown-widget {
width: 53px; width: 53px;
} }
@ -1303,6 +1307,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
#launcher-pane.horizontal .quick-search { #launcher-pane.horizontal .quick-search {
width: 350px; width: 350px;
min-width: 150px;
} }
#launcher-pane .icon-action:hover { #launcher-pane .icon-action:hover {