Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-29 19:12:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): promoted attributes widget: improve appearance

Browse Source
This commit is contained in:
Adorian Doran 2025-02-22 10:55:01 +02:00
parent 6d19e315f4
commit fcc1068b06
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/public/stylesheets/theme-next/shell.css
View File

@ -1844,7 +1844,7 @@ body.background-effects.zen #root-widget {
/* The promoted attributes section */ /* The promoted attributes section */
div.promoted-attributes-container { div.promoted-attributes-container {
display: flex; display: flex;
margin-right: 15%; margin-right: 10%;
padding: 6px 0; padding: 6px 0;
gap: 8px; gap: 8px;
align-items: stretch; align-items: stretch;
@ -1863,6 +1863,7 @@ div.promoted-attribute-cell {
--input-background-color: transparent; --input-background-color: transparent;
box-shadow: 1px 1px 2px var(--promoted-attribute-card-shadow-color); box-shadow: 1px 1px 2px var(--promoted-attribute-card-shadow-color);
display: inline-flex; display: inline-flex;
margin: 0; margin: 0;
border-radius: 8px; border-radius: 8px;
@ -1888,13 +1889,13 @@ div.promoted-attribute-cell > * {
display: inline-block; display: inline-block;
} }
div.promoted-attribute-cell label { div.promoted-attribute-cell > label {
font-weight: normal; font-weight: normal;
white-space: nowrap; white-space: nowrap;
opacity: .75; opacity: .75;
} }
div.promoted-attribute-cell label::after { div.promoted-attribute-cell:not(:has(input[type="checkbox"])) > label::after {
content: ":"; content: ":";
} }
@ -1908,6 +1909,20 @@ div.promoted-attribute-cell input {
font-weight: 500; font-weight: 500;
} }
div.promoted-attribute-cell input[type="text"] {
width: 10em !important;
}
div.promoted-attribute-cell input[type="number"] {
width: 6em !important;
}
div.promoted-attribute-cell span.open-external-link-button {
display: flex;
padding: 0;
font-size: 1.2em;
}
div.promoted-attribute-cell .tn-checkbox { div.promoted-attribute-cell .tn-checkbox {
--box-label-gap: 0; --box-label-gap: 0;