mirror of
https://github.com/zadam/trilium.git
synced 2026-01-28 01:59:14 +01:00
57 lines
1.4 KiB
CSS
57 lines
1.4 KiB
CSS
.component.note-badges {
|
|
contain: none;
|
|
}
|
|
|
|
@keyframes fadeOut {
|
|
from { opacity: var(--default-opacity); }
|
|
to { opacity: 0; }
|
|
}
|
|
|
|
.note-badges {
|
|
display: flex;
|
|
gap: 5px;
|
|
min-width: 0;
|
|
flex-shrink: 1;
|
|
overflow: hidden;
|
|
--badge-radius: 12px;
|
|
|
|
.ext-badge {
|
|
&.temporarily-editable-badge {--color: var(--badge-temporaraily-editable-background-color)}
|
|
&.read-only-badge {--color: var(--badge-read-only-background-color);}
|
|
&.share-badge {--color: var(--badge-share-background-color);}
|
|
&.clipped-note-badge {--color: var(--badge-clipped-note-background-color);}
|
|
&.execute-badge {--color: var(--badge-execute-background-color);}
|
|
&.save-status-badge {
|
|
--default-opacity: 0.4;
|
|
opacity: var(--default-opacity);
|
|
transition: opacity 250ms ease-in;
|
|
color: var(--main-text-color);
|
|
|
|
&.error {
|
|
color: var(--dropdown-item-icon-destructive-color);
|
|
opacity: 1;
|
|
}
|
|
|
|
&.saved {
|
|
animation: fadeOut 250ms ease-in 5s forwards;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
min-width: 0;
|
|
|
|
.text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
min-width: 0;
|
|
}
|
|
}
|
|
|
|
.dropdown-badge {
|
|
&.dropdown-backlinks-badge .dropdown-menu {
|
|
min-width: 500px;
|
|
}
|
|
}
|
|
}
|
|
|