Octavia/ocean-dark-trilium-theme
Watch
1
0
Fork
You've already forked ocean-dark-trilium-theme
 0
mirror of https://github.com/Lolabird/ocean-dark-trilium-theme.git synced 2026-10-18 19:36:58 -06:00
Code Issues Projects Releases Packages Wiki Activity

Fix overflow issues on breadcrumb addon and add more styles

Browse source
This commit is contained in:
lolabird 2025-01-12 12:27:37 -07:00
commit 6022616d54
No known key found for this signature in database
GPG key ID: 1A741DA554A3B0CF
1 changed files with 18 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

37
ocean-dark.css
View file

@ -1116,29 +1116,28 @@ code.hljs {
color: var(--carolina-blue) !important; color: var(--carolina-blue) !important;
} }
/***Breadcrumbs***/
/***Breadcrumbs***/ /***Breadcrumbs***/
#breadcrumbs-bar { #breadcrumbs-bar {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
border-top: 1px solid var(--main-border-color); border-top: 1px solid var(--main-border-color);
border-bottom: 1px solid var(--main-border-color); border-bottom: 1px solid var(--main-border-color);
contain: none; contain: none;
overflow: auto; overflow: auto;
} }
#breadcrumbs span a { #breadcrumbs span a {
white-space: pre; white-space: pre;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: inherit; display: inherit;
} }
#breadcrumbs a { #breadcrumbs a {
display: inline-flex; display: inline-flex;
line-height: 1; line-height: 1;
padding: 5px 10px; padding: 5px 10px;
background-color: rgba(137, 180, 250, 0.1) !important; background-color: rgba(137, 180, 250, 0.1) !important;
border-radius: 12px; border-radius: 12px;
transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease; transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease;
} }