diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx index bf9d911f4..9d7bd4964 100644 --- a/apps/client/src/layouts/desktop_layout.tsx +++ b/apps/client/src/layouts/desktop_layout.tsx @@ -49,7 +49,7 @@ import { isExperimentalFeatureEnabled } from "../services/experimental_features. import NoteActions from "../widgets/ribbon/NoteActions.jsx"; import FormattingToolbar from "../widgets/ribbon/FormattingToolbar.jsx"; import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibbonAdapter.jsx"; -import BreadcrumbBadges from "../widgets/layout/BreadcrumbBadges.jsx"; +import NoteBadges from "../widgets/layout/NoteBadges.jsx"; import NoteTitleDetails from "../widgets/NoteTitleDetails.jsx"; import StatusBar from "../widgets/layout/StatusBar.jsx"; @@ -85,7 +85,7 @@ export default class DesktopLayout { .cssBlock(".title-row > * { margin: 5px; }") .child() .child() - .optChild(isNewLayout, ) + .optChild(isNewLayout, ) .optChild(!isNewLayout, ) .child() .child() diff --git a/apps/client/src/widgets/dialogs/PopupEditor.tsx b/apps/client/src/widgets/dialogs/PopupEditor.tsx index 7bb469c99..887568d37 100644 --- a/apps/client/src/widgets/dialogs/PopupEditor.tsx +++ b/apps/client/src/widgets/dialogs/PopupEditor.tsx @@ -23,7 +23,7 @@ import ReadOnlyNoteInfoBar from "../ReadOnlyNoteInfoBar"; import StandaloneRibbonAdapter from "../ribbon/components/StandaloneRibbonAdapter"; import FormattingToolbar from "../ribbon/FormattingToolbar"; import MobileEditorToolbar from "../type_widgets/text/mobile_editor_toolbar"; -import BreadcrumbBadges from "../layout/BreadcrumbBadges"; +import NoteBadges from "../layout/NoteBadges"; import { isExperimentalFeatureEnabled } from "../../services/experimental_features"; const isNewLayout = isExperimentalFeatureEnabled("new-layout"); @@ -69,7 +69,7 @@ export default function PopupEditor() { - {isNewLayout && } + {isNewLayout && } } customTitleBarButtons={[{ iconClassName: "bx-expand-alt", diff --git a/apps/client/src/widgets/layout/BreadcrumbBadges.css b/apps/client/src/widgets/layout/NoteBadges.css similarity index 96% rename from apps/client/src/widgets/layout/BreadcrumbBadges.css rename to apps/client/src/widgets/layout/NoteBadges.css index 55737ae9b..fca26305b 100644 --- a/apps/client/src/widgets/layout/BreadcrumbBadges.css +++ b/apps/client/src/widgets/layout/NoteBadges.css @@ -1,8 +1,8 @@ -.component.breadcrumb-badges { +.component.note-badges { contain: none; } -.breadcrumb-badges { +.note-badges { display: flex; gap: 5px; min-width: 0; diff --git a/apps/client/src/widgets/layout/BreadcrumbBadges.tsx b/apps/client/src/widgets/layout/NoteBadges.tsx similarity index 97% rename from apps/client/src/widgets/layout/BreadcrumbBadges.tsx rename to apps/client/src/widgets/layout/NoteBadges.tsx index 727b7fbf4..51faf7183 100644 --- a/apps/client/src/widgets/layout/BreadcrumbBadges.tsx +++ b/apps/client/src/widgets/layout/NoteBadges.tsx @@ -1,4 +1,4 @@ -import "./BreadcrumbBadges.css"; +import "./NoteBadges.css"; import clsx from "clsx"; import { ComponentChildren, MouseEventHandler } from "preact"; @@ -10,9 +10,9 @@ import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean, u import Icon from "../react/Icon"; import { useShareInfo } from "../shared_info"; -export default function BreadcrumbBadges() { +export default function NoteBadges() { return ( -
+