gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-18 05:14:24 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

fix(ribbon): book properties overlapping

Browse Source
This commit is contained in:
Elian Doran 2025-09-12 18:20:17 +03:00
parent ff422d112b
commit f537852469
No known key found for this signature in database
2 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/widgets/ribbon/CollectionPropertiesTab.tsx
View File

@ -56,7 +56,7 @@ function CollectionTypeSwitcher({ viewType, setViewType }: { viewType: string, s
function BookProperties({ viewType, note, properties }: { viewType: ViewTypeOptions, note: FNote, properties: BookProperty[] }) { function BookProperties({ viewType, note, properties }: { viewType: ViewTypeOptions, note: FNote, properties: BookProperty[] }) {
return ( return (
<div className="book-properties-container"> <>
{properties.map(property => ( {properties.map(property => (
<div className={`type-${property}`}> <div className={`type-${property}`}>
{mapPropertyView({ note, property })} {mapPropertyView({ note, property })}
@ -72,7 +72,7 @@ function BookProperties({ viewType, note, properties }: { viewType: ViewTypeOpti
}} }}
/> />
)} )}
</div> </>
) )
} }

21
apps/client/src/widgets/ribbon/style.css
View File

@ -336,31 +336,26 @@
.book-properties-widget { .book-properties-widget {
padding: 12px 12px 6px 12px; padding: 12px 12px 6px 12px;
display: flex; display: flex;
} flex-wrap: wrap;
gap: 15px;
.book-properties-widget > * { overflow: hidden;
margin-right: 15px;
}
.book-properties-container {
display: flex;
align-items: center; align-items: center;
} }
.book-properties-container > div { .book-properties-widget > * {
margin-right: 15px; flex-shrink: 0;
} }
.book-properties-container > .type-number > label { .book-properties-widget > .type-number > label {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
} }
.book-properties-container input[type="checkbox"] { .book-properties-widget input[type="checkbox"] {
margin-right: 5px; margin-right: 5px;
} }
.book-properties-container label { .book-properties-widget label {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;