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 ApiLog from "../widgets/api_log.jsx";
import ClosePaneButton from "../widgets/buttons/close_pane_button.js"; import ClosePaneButton from "../widgets/buttons/close_pane_button.js";
import CloseZenModeButton from "../widgets/close_zen_button.jsx"; 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 CreatePaneButton from "../widgets/buttons/create_pane_button.js";
import FindWidget from "../widgets/find.js"; import FindWidget from "../widgets/find.js";
import FlexContainer from "../widgets/containers/flex_container.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 NoteDetailWidget from "../widgets/note_detail.js";
import NoteList from "../widgets/collections/NoteList.jsx"; import NoteList from "../widgets/collections/NoteList.jsx";
import NoteTitleWidget from "../widgets/note_title.js"; import NoteTitleWidget from "../widgets/note_title.js";
import ContentHeader from "../widgets/containers/content-header.js";
import NoteTreeWidget from "../widgets/note_tree.js"; import NoteTreeWidget from "../widgets/note_tree.js";
import NoteWrapperWidget from "../widgets/note_wrapper.js"; import NoteWrapperWidget from "../widgets/note_wrapper.js";
import PromotedAttributesWidget from "../widgets/promoted_attributes.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 TabRowWidget from "../widgets/tab_row.js";
import ToggleSidebarButton from "../widgets/mobile_widgets/toggle_sidebar_button.jsx"; import ToggleSidebarButton from "../widgets/mobile_widgets/toggle_sidebar_button.jsx";
import type AppContext from "../components/app_context.js"; import type AppContext from "../components/app_context.js";
import ContentHeader from "../widgets/content-header.js";
const MOBILE_CSS = ` const MOBILE_CSS = `
<style> <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 { body.zen div.read-only-note-info-bar-widget {
width: fit-content; width: fit-content;
max-width: var(--max-content-width); 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 {isReadOnly, enableEditing} = useIsNoteReadOnly(note, noteContext);
const isExplicitReadOnly = note?.isLabelTruthy("readOnly"); const isExplicitReadOnly = note?.isLabelTruthy("readOnly");
return <div class={`read-only-note-info-bar-widget ${(isReadOnly) ? "visible" : ""}`}> return <InfoBar className="read-only-note-info-bar-widget"
{isReadOnly && <InfoBar type={(isExplicitReadOnly ? "subtle" : "prominent")}> type={(isExplicitReadOnly ? "subtle" : "prominent")}
style={{display: (!isReadOnly) ? "none" : undefined}}>
<div class="read-only-note-info-bar-widget-content"> <div class="read-only-note-info-bar-widget-content">
{(isExplicitReadOnly) ? ( {(isExplicitReadOnly) ? (
<div>{t("read-only-info.read-only-note")}</div> <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")} <Button text={t("read-only-info.edit-note")}
icon="bx-pencil" onClick={() => enableEditing()} /> icon="bx-pencil" onClick={() => enableEditing()} />
</div> </div>
</InfoBar>} </InfoBar>
</div>;
} }

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 { EventData } from "../../components/app_context";
import BasicWidget from "./basic_widget"; import BasicWidget from "../basic_widget";
import Container from "./containers/container"; import Container from "./container";
import NoteContext from "../components/note_context"; import NoteContext from "../../components/note_context";
export default class ContentHeader extends Container<BasicWidget> { export default class ContentHeader extends Container<BasicWidget> {