mirror of
https://github.com/zadam/trilium.git
synced 2025-12-17 12:54:24 +01:00
refactor(layout/title): rename to note badges
This commit is contained in:
parent
60c8f0c78b
commit
330d71847b
@ -49,7 +49,7 @@ import { isExperimentalFeatureEnabled } from "../services/experimental_features.
|
|||||||
import NoteActions from "../widgets/ribbon/NoteActions.jsx";
|
import NoteActions from "../widgets/ribbon/NoteActions.jsx";
|
||||||
import FormattingToolbar from "../widgets/ribbon/FormattingToolbar.jsx";
|
import FormattingToolbar from "../widgets/ribbon/FormattingToolbar.jsx";
|
||||||
import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibbonAdapter.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 NoteTitleDetails from "../widgets/NoteTitleDetails.jsx";
|
||||||
import StatusBar from "../widgets/layout/StatusBar.jsx";
|
import StatusBar from "../widgets/layout/StatusBar.jsx";
|
||||||
|
|
||||||
@ -85,7 +85,7 @@ export default class DesktopLayout {
|
|||||||
.cssBlock(".title-row > * { margin: 5px; }")
|
.cssBlock(".title-row > * { margin: 5px; }")
|
||||||
.child(<NoteIconWidget />)
|
.child(<NoteIconWidget />)
|
||||||
.child(<NoteTitleWidget />)
|
.child(<NoteTitleWidget />)
|
||||||
.optChild(isNewLayout, <BreadcrumbBadges />)
|
.optChild(isNewLayout, <NoteBadges />)
|
||||||
.optChild(!isNewLayout, <SpacerWidget baseSize={0} growthFactor={1} />)
|
.optChild(!isNewLayout, <SpacerWidget baseSize={0} growthFactor={1} />)
|
||||||
.child(<MovePaneButton direction="left" />)
|
.child(<MovePaneButton direction="left" />)
|
||||||
.child(<MovePaneButton direction="right" />)
|
.child(<MovePaneButton direction="right" />)
|
||||||
|
|||||||
@ -23,7 +23,7 @@ import ReadOnlyNoteInfoBar from "../ReadOnlyNoteInfoBar";
|
|||||||
import StandaloneRibbonAdapter from "../ribbon/components/StandaloneRibbonAdapter";
|
import StandaloneRibbonAdapter from "../ribbon/components/StandaloneRibbonAdapter";
|
||||||
import FormattingToolbar from "../ribbon/FormattingToolbar";
|
import FormattingToolbar from "../ribbon/FormattingToolbar";
|
||||||
import MobileEditorToolbar from "../type_widgets/text/mobile_editor_toolbar";
|
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";
|
import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
|
||||||
|
|
||||||
const isNewLayout = isExperimentalFeatureEnabled("new-layout");
|
const isNewLayout = isExperimentalFeatureEnabled("new-layout");
|
||||||
@ -69,7 +69,7 @@ export default function PopupEditor() {
|
|||||||
<Modal
|
<Modal
|
||||||
title={<>
|
title={<>
|
||||||
<TitleRow />
|
<TitleRow />
|
||||||
{isNewLayout && <BreadcrumbBadges />}
|
{isNewLayout && <NoteBadges />}
|
||||||
</>}
|
</>}
|
||||||
customTitleBarButtons={[{
|
customTitleBarButtons={[{
|
||||||
iconClassName: "bx-expand-alt",
|
iconClassName: "bx-expand-alt",
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
.component.breadcrumb-badges {
|
.component.note-badges {
|
||||||
contain: none;
|
contain: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.breadcrumb-badges {
|
.note-badges {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 5px;
|
gap: 5px;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
@ -1,4 +1,4 @@
|
|||||||
import "./BreadcrumbBadges.css";
|
import "./NoteBadges.css";
|
||||||
|
|
||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
import { ComponentChildren, MouseEventHandler } from "preact";
|
import { ComponentChildren, MouseEventHandler } from "preact";
|
||||||
@ -10,9 +10,9 @@ import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean, u
|
|||||||
import Icon from "../react/Icon";
|
import Icon from "../react/Icon";
|
||||||
import { useShareInfo } from "../shared_info";
|
import { useShareInfo } from "../shared_info";
|
||||||
|
|
||||||
export default function BreadcrumbBadges() {
|
export default function NoteBadges() {
|
||||||
return (
|
return (
|
||||||
<div className="breadcrumb-badges">
|
<div className="note-badges">
|
||||||
<ReadOnlyBadge />
|
<ReadOnlyBadge />
|
||||||
<ShareBadge />
|
<ShareBadge />
|
||||||
<ClippedNoteBadge />
|
<ClippedNoteBadge />
|
||||||
Loading…
x
Reference in New Issue
Block a user