mirror of
https://github.com/Lolabird/ocean-dark-trilium-theme.git
synced 2026-10-19 03:36:59 -06:00
Fix overflow issues on breadcrumb addon and add more styles
This commit is contained in:
parent
3f22f670f8
commit
6022616d54
1 changed files with 18 additions and 19 deletions
|
|
@ -1116,29 +1116,28 @@ code.hljs {
|
|||
color: var(--carolina-blue) !important;
|
||||
}
|
||||
|
||||
/***Breadcrumbs***/
|
||||
/***Breadcrumbs***/
|
||||
#breadcrumbs-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
border-top: 1px solid var(--main-border-color);
|
||||
border-bottom: 1px solid var(--main-border-color);
|
||||
contain: none;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
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;
|
||||
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;
|
||||
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