diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx index 9d7bd4964..38e9e5485 100644 --- a/apps/client/src/layouts/desktop_layout.tsx +++ b/apps/client/src/layouts/desktop_layout.tsx @@ -52,6 +52,7 @@ import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibb import NoteBadges from "../widgets/layout/NoteBadges.jsx"; import NoteTitleDetails from "../widgets/NoteTitleDetails.jsx"; import StatusBar from "../widgets/layout/StatusBar.jsx"; +import InlineTitle from "../widgets/layout/InlineTitle.jsx"; export default class DesktopLayout { @@ -145,7 +146,7 @@ export default class DesktopLayout { .child( new SplitNoteContainer(() => new NoteWrapperWidget() - .optChild(!isFloatingTitlebar, titleRow) + .child(titleRow) .optChild(!isNewLayout, ) .optChild(isNewLayout, ) .child(new WatchedFileUpdateStatusWidget()) @@ -153,7 +154,7 @@ export default class DesktopLayout { .child( new ScrollingContainer() .filling() - .optChild(isFloatingTitlebar, titleRow) + .optChild(isNewLayout, ) .optChild(isNewLayout, ) .optChild(!isNewLayout, new ContentHeader() .child() diff --git a/apps/client/src/widgets/layout/InlineTitle.css b/apps/client/src/widgets/layout/InlineTitle.css new file mode 100644 index 000000000..d4b52bd9e --- /dev/null +++ b/apps/client/src/widgets/layout/InlineTitle.css @@ -0,0 +1,5 @@ +.component.inline-title-row { + contain: none; + padding-block: 2em; + padding-inline-start: 24px; +} diff --git a/apps/client/src/widgets/layout/InlineTitle.tsx b/apps/client/src/widgets/layout/InlineTitle.tsx new file mode 100644 index 000000000..e2db39e9f --- /dev/null +++ b/apps/client/src/widgets/layout/InlineTitle.tsx @@ -0,0 +1,9 @@ +import "./InlineTitle.css"; + +export default function InlineTitle() { + return ( +
+ Title goes here. +
+ ); +}