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

style(next): add a border between tab bar and launcher on horizontal

Browse Source
This commit is contained in:
Elian Doran 2024-12-01 10:01:46 +02:00
parent ad62611e90
commit 6da5067003
No known key found for this signature in database
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,6 +68,7 @@
--main-background-color: white; --main-background-color: white;
--main-text-color: black; --main-text-color: black;
--main-border-color: #dbdbdb; --main-border-color: #dbdbdb;
--subtle-border-color: rgba(0, 0, 0, 0.1);
--dropdown-border-color: #ccc; --dropdown-border-color: #ccc;
--dropdown-shadow-opacity: .2; --dropdown-shadow-opacity: .2;
--dropdown-item-icon-destructive-color: #ec5138; --dropdown-item-icon-destructive-color: #ec5138;
@ -654,6 +655,20 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
margin: 13px 10px !important; margin: 13px 10px !important;
} }
.tab-row-container {
position: relative;
}
#root-widget.horizontal-layout .tab-row-container:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: var(--subtle-border-color);
}
.tab-row-widget-container { .tab-row-widget-container {
margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2); margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2);
height: var(--tab-height) !important; height: var(--tab-height) !important;
@ -661,6 +676,7 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
#root-widget.horizontal-layout .tab-row-widget-container { #root-widget.horizontal-layout .tab-row-widget-container {
margin-top: calc((var(--tab-bar-height) - var(--tab-height))); margin-top: calc((var(--tab-bar-height) - var(--tab-height)));
position: relative;
} }
.tab-row-widget .note-tab .note-tab-wrapper { .tab-row-widget .note-tab .note-tab-wrapper {