style(layout): apply heavy padding to title only in normal view

This commit is contained in:
Elian Doran 2025-12-10 16:11:17 +02:00
parent 82528c4478
commit a9b4e7b1e2
No known key found for this signature in database
2 changed files with 11 additions and 2 deletions

View File

@ -38,7 +38,6 @@ body.experimental-feature-new-layout {
} }
.title-row { .title-row {
margin-top: 2em;
margin-left: 12px; margin-left: 12px;
.note-icon-widget { .note-icon-widget {
@ -55,13 +54,22 @@ body.experimental-feature-new-layout {
gap: 0.25em; gap: 0.25em;
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
margin-bottom: 2em;
span.value { span.value {
font-weight: 500; font-weight: 500;
} }
} }
.note-split.view-mode-default {
.title-row {
margin-top: 2em;
}
.title-details {
margin-bottom: 2em;
}
}
.scrolling-container:has(> :is(.note-detail.full-height, .note-list-widget.full-height)) { .scrolling-container:has(> :is(.note-detail.full-height, .note-list-widget.full-height)) {
.title-row, .title-row,
.title-details { .title-details {

View File

@ -62,6 +62,7 @@ export default class NoteWrapperWidget extends FlexContainer<BasicWidget> {
this.$widget.addClass(utils.getNoteTypeClass(note.type)); this.$widget.addClass(utils.getNoteTypeClass(note.type));
this.$widget.addClass(utils.getMimeTypeClass(note.mime)); this.$widget.addClass(utils.getMimeTypeClass(note.mime));
this.$widget.addClass(`view-mode-${this.noteContext?.viewScope?.viewMode ?? "default"}`);
this.$widget.toggleClass(["bgfx", "options"], note.isOptions()); this.$widget.toggleClass(["bgfx", "options"], note.isOptions());
this.$widget.toggleClass("protected", note.isProtected); this.$widget.toggleClass("protected", note.isProtected);