Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-02 03:16:11 +01:00
Code Issues Packages Projects Releases Activity

style(next): fix tab bottom border on mica

Browse Source
This commit is contained in:
Elian Doran
2024-12-07 02:01:27 +02:00
parent 3ceba62dbe
commit b243041966
1 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/public/stylesheets/theme-next.css
View File

@@ -824,16 +824,37 @@ div.quick-search .search-button.show {
position: relative; position: relative;
} }
body.layout-horizontal .tab-row-container:after { /* #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-widget-container,
body.layout-horizontal .tab-row-container .note-tab[active] {
overflow: visible !important;
}
body.layout-horizontal .tab-row-container .note-tab[active]:before {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: -100vw;
right: 0; top: var(--tab-height);
right: calc(100% - 1px);
height: 1px; height: 1px;
border-bottom: 1px solid var(--launcher-pane-horizontal-border-color); border-bottom: 1px solid var(--launcher-pane-horizontal-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-horizontal-border-color);
}
/* #endregion */
body.layout-vertical.electron.platform-darwin .tab-row-container { body.layout-vertical.electron.platform-darwin .tab-row-container {
border-bottom: 1px solid var(--subtle-border-color); border-bottom: 1px solid var(--subtle-border-color);
} }