gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 00:19:04 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

client/read only note info bar: tweak style

Browse Source
This commit is contained in:
Adorian Doran 2025-11-06 00:17:14 +02:00
parent 0b9eb6c532
commit dda8b2795b
4 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -191,6 +191,7 @@
--inactive-tab-text-color: #7c7c7c; --inactive-tab-text-color: #7c7c7c;
--alert-bar-background: #6b6b6b3b; --alert-bar-background: #6b6b6b3b;
--read-only-note-info-bar-background: var(--alert-bar-background);
--badge-background-color: #ffffff1a; --badge-background-color: #ffffff1a;
--badge-text-color: var(--muted-text-color); --badge-text-color: var(--muted-text-color);

1
apps/client/src/stylesheets/theme-next-light.css
View File

@ -184,6 +184,7 @@
--inactive-tab-text-color: #4e4e4e; --inactive-tab-text-color: #4e4e4e;
--alert-bar-background: #32637b29; --alert-bar-background: #32637b29;
--read-only-note-info-bar-background: var(--alert-bar-background);
--badge-background-color: #00000011; --badge-background-color: #00000011;
--badge-text-color: var(--muted-text-color); --badge-text-color: var(--muted-text-color);

8
apps/client/src/stylesheets/theme-next/shell.css
View File

@ -1328,6 +1328,14 @@ body.mobile .note-title {
border-bottom: 2px solid #0000001c !important; border-bottom: 2px solid #0000001c !important;
} }
/*
* Read-only note info bar
*/
.read-only-note-info-bar-widget {
--link-color: var(--main-text-color);
}
/* /*
* Promoted attributes * Promoted attributes
*/ */

5
apps/client/src/widgets/read-only-note-info-bar.css
View File

@ -3,8 +3,9 @@ div.read-only-note-info-bar-widget {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-top: 4px;
background: var(--read-only-note-info-bar-background, var(--accented-background-color)); background: var(--read-only-note-info-bar-background, var(--accented-background-color));
padding: 6px 20px; padding: 8px 20px;
color: var(--read-only-note-info-bar-color); color: var(--read-only-note-info-bar-color);
opacity: 0; opacity: 0;
max-height: 0; max-height: 0;
@ -16,7 +17,7 @@ div.read-only-note-info-bar-widget.visible {
transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;
} }
div.read-only-note-info-bar-widget button { :root div.read-only-note-info-bar-widget button {
white-space: nowrap; white-space: nowrap;
padding: 2px 8px; padding: 2px 8px;
} }