Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-29 00:11:32 +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 02:05:19 +02:00
parent 39f00bd568
commit bf0b6ce554
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1848,17 +1848,24 @@ div.promoted-attributes-container {
}
div.promoted-attribute-cell {
--pa-card-padding-left: 16px;
--pa-card-padding-right: 4px;
--input-background-color: transparent;
box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
display: inline-flex;
margin: 0;
border-radius: 8px;
padding: 4px 16px;
padding: 4px var(--pa-card-padding-right) 4px var(--pa-card-padding-left);
background: var(--card-background-color);
overflow-y: visible;
}
div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) {
/* Checbox attribute, without multiplicity */
padding-right: var(--pa-card-padding-left);
}
div.promoted-attribute-cell > * {
display: inline-block;
}
@ -1871,7 +1878,7 @@ div.promoted-attribute-cell label {
div.promoted-attribute-cell div.input-group {
min-height: auto;
padding: 2px 6px;
padding: 1px 6px;
}
div.promoted-attribute-cell input {
@ -1883,12 +1890,17 @@ div.promoted-attribute-cell .tn-checkbox {
--box-label-gap: 0;
height: 1cap;
margin: 0 1em;
}
div.promoted-attribute-cell .multiplicity {
div.promoted-attribute-cell div:has(input[type="checkbox"]) {
order: -1;
margin-right: 1.5em;
}
div.promoted-attribute-cell .multiplicity:has(span) {
--icon-button-size: 28px;
margin-left: 8px;
margin-right: calc(var(--pa-card-padding-left) - var(--pa-card-padding-right));
font-size: 0; /* Prevent whitespaces creating a gap between buttons */
}