mirror of
https://github.com/Lolabird/ocean-dark-trilium-theme.git
synced 2026-10-20 20:26:59 -06:00
Fix overflow issues on breadcrumb addon and add more styles
This commit is contained in:
parent
bc9be256d2
commit
3f22f670f8
1 changed files with 23 additions and 6 deletions
|
|
@ -1117,11 +1117,28 @@ code.hljs {
|
||||||
}
|
}
|
||||||
|
|
||||||
/***Breadcrumbs***/
|
/***Breadcrumbs***/
|
||||||
#breadcrumbs a {
|
/***Breadcrumbs***/
|
||||||
display: inline-flex;
|
#breadcrumbs-bar {
|
||||||
line-height: 1;
|
display: flex;
|
||||||
padding: 5px 10px;
|
align-items: center;
|
||||||
background-color: rgba(137, 180, 250, 0.1) !important;
|
gap: 10px;
|
||||||
border-radius: 12px;
|
padding: 10px;
|
||||||
transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease;
|
border-top: 1px solid var(--main-border-color);
|
||||||
|
border-bottom: 1px solid var(--main-border-color);
|
||||||
|
contain: none;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
#breadcrumbs span a {
|
||||||
|
white-space: pre;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: inherit;
|
||||||
|
}
|
||||||
|
#breadcrumbs a {
|
||||||
|
display: inline-flex;
|
||||||
|
line-height: 1;
|
||||||
|
padding: 5px 10px;
|
||||||
|
background-color: rgba(137, 180, 250, 0.1) !important;
|
||||||
|
border-radius: 12px;
|
||||||
|
transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue