gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-12 10:24:23 +01:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

feat(tab_navigation): add it to horizontal layout as well

Browse Source
This commit is contained in:
Elian Doran 2025-12-09 15:14:13 +02:00
parent da7e15c268
commit 9e094f1d96
No known key found for this signature in database
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/client/src/layouts/desktop_layout.tsx
View File

@ -81,6 +81,7 @@ export default class DesktopLayout {
.class("tab-row-container") .class("tab-row-container")
.child(new FlexContainer("row").id("tab-row-left-spacer")) .child(new FlexContainer("row").id("tab-row-left-spacer"))
.optChild(launcherPaneIsHorizontal, <LeftPaneToggle isHorizontalLayout={true} />) .optChild(launcherPaneIsHorizontal, <LeftPaneToggle isHorizontalLayout={true} />)
.child(<TabHistoryNavigationButtons />)
.child(new TabRowWidget().class("full-width")) .child(new TabRowWidget().class("full-width"))
.optChild(customTitleBarButtons, <TitleBarButtons />) .optChild(customTitleBarButtons, <TitleBarButtons />)
.css("height", "40px") .css("height", "40px")

26
apps/client/src/stylesheets/theme-next/shell.css
View File

@ -502,7 +502,7 @@ div.bookmark-folder-widget .note-link .bx {
font-size: 1.2em; font-size: 1.2em;
} }
/* /*
* QUICK SEARCH BOX * QUICK SEARCH BOX
*/ */
@ -613,7 +613,7 @@ div.quick-search .dropdown-menu {
* As a temporary workaround, the backdrop and transparency are disabled for the * As a temporary workaround, the backdrop and transparency are disabled for the
* vertical layout. * vertical layout.
*/ */
body.layout-vertical.background-effects div.quick-search .dropdown-menu { body.layout-vertical.background-effects div.quick-search .dropdown-menu {
--menu-background-color: var(--menu-background-color-no-backdrop) !important; --menu-background-color: var(--menu-background-color-no-backdrop) !important;
} }
@ -945,12 +945,26 @@ body.electron.background-effects.layout-horizontal .tab-row-container .toggle-bu
position: absolute; position: absolute;
bottom: 0; bottom: 0;
inset-inline-start: -10px; inset-inline-start: -10px;
inset-inline-end: -10px; inset-inline-end: -6px;
top: 32px; top: 32px;
height: 1px; height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color); border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
} }
body.electron.background-effects.layout-horizontal .tab-row-container .tab-history-navigation-buttons {
position: relative;
&:after {
content: "";
position: absolute;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: -7px;
height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
}
}
body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-left, body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-left,
body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-right { body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-right {
position: relative; position: relative;
@ -1569,7 +1583,7 @@ div.floating-buttons .show-floating-buttons-button {
div.floating-buttons .show-floating-buttons-button::before { div.floating-buttons .show-floating-buttons-button::before {
animation: floating-buttons-show-hide-button-animation 400ms ease-out; animation: floating-buttons-show-hide-button-animation 400ms ease-out;
} }
div.floating-buttons .show-floating-buttons-button:hover, div.floating-buttons .show-floating-buttons-button:hover,
div.floating-buttons .show-floating-buttons-button:active { div.floating-buttons .show-floating-buttons-button:active {
box-shadow: var(--floating-button-show-button-hover-shadow); box-shadow: var(--floating-button-show-button-hover-shadow);
@ -1831,7 +1845,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
.excalidraw .dropdown-menu { .excalidraw .dropdown-menu {
border: unset !important; border: unset !important;
box-shadow: unset !important; box-shadow: unset !important;
background-color: transparent !important; background-color: transparent !important;
--island-bg-color: var(--menu-background-color); --island-bg-color: var(--menu-background-color);
--shadow-island: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity)); --shadow-island: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
@ -1850,4 +1864,4 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
.excalidraw .dropdown-menu:before { .excalidraw .dropdown-menu:before {
content: unset !important; content: unset !important;
} }