gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 00:19:04 +01:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

client: refactor

Browse Source
This commit is contained in:
Adorian Doran 2025-11-09 02:23:57 +02:00
parent 50869d29db
commit baff349fa2
5 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/layouts/desktop_layout.tsx
View File

@ -3,7 +3,7 @@ import { DESKTOP_FLOATING_BUTTONS } from "../widgets/FloatingButtonsDefinitions.
import ApiLog from "../widgets/api_log.jsx";
import ClosePaneButton from "../widgets/buttons/close_pane_button.js";
import CloseZenModeButton from "../widgets/close_zen_button.jsx";
import ContentHeader from "../widgets/content-header.js";
import ContentHeader from "../widgets/containers/content-header.js";
import CreatePaneButton from "../widgets/buttons/create_pane_button.js";
import FindWidget from "../widgets/find.js";
import FlexContainer from "../widgets/containers/flex_container.js";

2
apps/client/src/layouts/mobile_layout.tsx
View File

@ -12,6 +12,7 @@ import MobileEditorToolbar from "../widgets/type_widgets/ckeditor/mobile_editor_
import NoteDetailWidget from "../widgets/note_detail.js";
import NoteList from "../widgets/collections/NoteList.jsx";
import NoteTitleWidget from "../widgets/note_title.js";
import ContentHeader from "../widgets/containers/content-header.js";
import NoteTreeWidget from "../widgets/note_tree.js";
import NoteWrapperWidget from "../widgets/note_wrapper.js";
import PromotedAttributesWidget from "../widgets/promoted_attributes.js";
@ -28,7 +29,6 @@ import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibb
import TabRowWidget from "../widgets/tab_row.js";
import ToggleSidebarButton from "../widgets/mobile_widgets/toggle_sidebar_button.jsx";
import type AppContext from "../components/app_context.js";
import ContentHeader from "../widgets/content-header.js";
const MOBILE_CSS = `
<style>

4
apps/client/src/widgets/ReadOnlyNoteInfoBar.css
View File

@ -1,7 +1,3 @@
div.read-only-note-info-bar-widget {
contain: none;
}
body.zen div.read-only-note-info-bar-widget {
width: fit-content;
max-width: var(--max-content-width);

10
apps/client/src/widgets/ReadOnlyNoteInfoBar.tsx
View File

@ -9,8 +9,10 @@ export default function ReadOnlyNoteInfoBar(props: {}) {
const {isReadOnly, enableEditing} = useIsNoteReadOnly(note, noteContext);
const isExplicitReadOnly = note?.isLabelTruthy("readOnly");
return <div class={`read-only-note-info-bar-widget ${(isReadOnly) ? "visible" : ""}`}>
{isReadOnly && <InfoBar type={(isExplicitReadOnly ? "subtle" : "prominent")}>
return <InfoBar className="read-only-note-info-bar-widget"
type={(isExplicitReadOnly ? "subtle" : "prominent")}
style={{display: (!isReadOnly) ? "none" : undefined}}>
<div class="read-only-note-info-bar-widget-content">
{(isExplicitReadOnly) ? (
<div>{t("read-only-info.read-only-note")}</div>
@ -29,6 +31,6 @@ export default function ReadOnlyNoteInfoBar(props: {}) {
<Button text={t("read-only-info.edit-note")}
icon="bx-pencil" onClick={() => enableEditing()} />
</div>
</InfoBar>}
</div>;
</InfoBar>
}

8
apps/client/src/widgets/content-header.ts → apps/client/src/widgets/containers/content-header.ts
View File

@ -1,7 +1,7 @@
import { EventData } from "../components/app_context";
import BasicWidget from "./basic_widget";
import Container from "./containers/container";
import NoteContext from "../components/note_context";
import { EventData } from "../../components/app_context";
import BasicWidget from "../basic_widget";
import Container from "./container";
import NoteContext from "../../components/note_context";
export default class ContentHeader extends Container<BasicWidget> {