fix(layout): weird title in full-width & attachments

This commit is contained in:
Elian Doran 2025-12-10 11:56:34 +02:00
parent 42fc128f97
commit 737711e5eb
No known key found for this signature in database

View File

@ -29,30 +29,39 @@ body.desktop .note-title-widget input.note-title {
font-size: 180%; font-size: 180%;
} }
body.experimental-feature-new-layout .title-row, body.experimental-feature-new-layout {
body.experimental-feature-new-layout .title-details { .title-row,
max-width: var(--max-content-width); .title-details {
} max-width: var(--max-content-width);
}
body.experimental-feature-new-layout .title-row { .title-row {
margin-top: 2em; margin-top: 2em;
margin-left: 12px; margin-left: 12px;
} }
body.experimental-feature-new-layout .title-details { .title-details {
margin-top: 0; margin-top: 0;
contain: none; contain: none;
padding: 0; padding: 0;
padding-inline-start: 24px; padding-inline-start: 24px;
opacity: 0.85; opacity: 0.85;
display: flex; display: flex;
gap: 0.25em; gap: 0.25em;
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
margin-bottom: 2em; margin-bottom: 2em;
} }
body.experimental-feature-new-layout.prefers-centered-content .title-row, .scrolling-container:has(> :is(.note-detail.full-height, .note-list-widget.full-height)) {
body.experimental-feature-new-layout.prefers-centered-content .title-details { .title-row,
margin-inline: auto; .title-details {
width: 100%;
}
}
&.prefers-centered-content .title-row,
&.prefers-centered-content .title-details {
margin-inline: auto;
}
} }