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

Fix horizontal line issue in horizontal view and drag animation in vertical view.

Browse Source
This commit is contained in:
SiriusXT 2025-04-15 19:43:28 +08:00
parent 1c8eb26d77
commit 83327b2903
2 changed files with 6 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/app/widgets/tab_row.ts
View File

@ -47,7 +47,6 @@ const TAB_ROW_TPL = `
position: relative;
width: 100%;
background: var(--main-background-color);
overflow: hidden;
user-select: none;
}

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

@ -869,36 +869,11 @@ body.mobile .fancytree-node > span {
position: relative;
}
/* #region Apply a border to the tab bar that avoids the current tab but also allows a transparent active tab. */
body.layout-horizontal .tab-row-widget,
body.layout-horizontal .tab-row-container .note-tab[active] {
overflow: visible !important;
}
body.layout-horizontal .tab-row-container .note-tab[active]:before {
content: "";
position: absolute;
bottom: 0;
left: -100vw;
top: var(--tab-height);
right: calc(100% - 1px);
height: 1px;
/* Apply a border to the tab bar that avoids the current tab but also allows a transparent active tab. */
body.layout-horizontal .tab-row-container {
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
}
body.layout-horizontal .tab-row-container .note-tab[active]:after {
content: "";
position: absolute;
bottom: 0;
left: 100%;
top: var(--tab-height);
right: 0;
width: 100vw;
height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
}
/* #endregion */
body.layout-vertical.electron.platform-darwin .tab-row-container {
border-bottom: 1px solid var(--subtle-border-color);
}
@ -907,8 +882,8 @@ body.layout-vertical.electron.platform-darwin .tab-row-container {
height: var(--tab-height) !important;
}
.tab-row-widget {
padding-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2);
.tab-row-widget > * {
margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2);
}
body.layout-horizontal .tab-row-container {
@ -932,7 +907,7 @@ body.layout-vertical #left-pane .quick-search > * {
body.layout-horizontal .tab-row-widget,
body.layout-horizontal .tab-row-widget-container {
padding-top: 0;
margin-top: 0;
position: relative;
overflow: hidden;
}
@ -994,7 +969,7 @@ body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper {
text-overflow: ellipsis;
}
body.layout-vertical .tab-row-widget-is-sorting .note-tab[active] .note-tab-wrapper {
body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .note-tab-wrapper {
transform: scale(0.85);
box-shadow: var(--active-tab-dragging-shadow) !important;
}