diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx index 4f6f7e5af..7a6cfc3c1 100644 --- a/apps/client/src/layouts/desktop_layout.tsx +++ b/apps/client/src/layouts/desktop_layout.tsx @@ -132,7 +132,7 @@ export default class DesktopLayout { new SplitNoteContainer(() => new NoteWrapperWidget() .child(new FlexContainer("row") - .class("title-row") + .class("title-row note-split-title") .cssBlock(".title-row > * { margin: 5px; }") .child() .child() diff --git a/apps/client/src/widgets/note_title.css b/apps/client/src/widgets/note_title.css index f798e83ef..fe3e0e912 100644 --- a/apps/client/src/widgets/note_title.css +++ b/apps/client/src/widgets/note_title.css @@ -36,18 +36,25 @@ body.mobile .note-title-widget input.note-title { body.experimental-feature-new-layout { .title-row { container-type: size; - border-bottom: 1px solid var(--main-border-color); transition: border 400ms ease-out; + + &.note-split-title { + border-bottom: 1px solid var(--main-border-color); - &.hide-title { - border-bottom-color: transparent; - transition: none; + &.hide-title { + border-bottom-color: transparent; + transition: none; + } + + .note-icon-widget { + margin-inline: 12px 8px; + } } .note-icon-widget { --note-icon-size: 16px; --note-icon-container-padding-size: 6px; - margin-inline: 12px 8px; + margin-inline: 0; } .note-title-widget {