gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-01-06 14:44:25 +01:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

style(next): promoted attributes widget: improve appearance on narrow width

Browse Source
This commit is contained in:
Adorian Doran 2025-02-22 10:19:26 +02:00
parent 7269c1b0aa
commit 6d19e315f4
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1848,6 +1848,7 @@ div.promoted-attributes-container {
padding: 6px 0; padding: 6px 0;
gap: 8px; gap: 8px;
align-items: stretch; align-items: stretch;
container-type: inline-size;
} }
div.promoted-attributes-container, div.promoted-attributes-container,
@ -1870,6 +1871,13 @@ div.promoted-attribute-cell {
overflow-y: visible; overflow-y: visible;
} }
@container (max-width: 400px) {
/* Narrow promoted attributes section */
div.promoted-attribute-cell {
flex-grow: 1;
}
}
/* A promoted attribute card (boolean attribute) */ /* A promoted attribute card (boolean attribute) */
div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) { div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) {
/* Checbox attribute, without multiplicity */ /* Checbox attribute, without multiplicity */