Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-05-07 10:15:33 +02:00
Code Issues Packages Projects Releases Activity

fix(markdown): align button order between layouts to avoid shifts

Browse Source
This commit is contained in:
Elian Doran
2026-04-17 19:09:08 +03:00
parent 98b92b7220
commit 1af2a07a57
2 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/widgets/FloatingButtonsDefinitions.tsx
View File

@@ -48,8 +48,8 @@ export type FloatingButtonsList = ((context: FloatingButtonContext) => false | V
export const DESKTOP_FLOATING_BUTTONS: FloatingButtonsList = [
RefreshBackendLogButton,
SwitchSplitOrientationButton,
ToggleReadOnlyButton,
SwitchSplitOrientationButton,
DisplayModeSwitcher,
EditButton,
ShowTocWidgetButton,

28
apps/client/src/widgets/ribbon/NoteActionsCustom.tsx
View File

@@ -72,8 +72,8 @@ export default function NoteActionsCustom(props: NoteActionsCustomProps) {
>
<AddChildButton {...innerProps} />
<RunActiveNoteButton {...innerProps } />
<DisplayModeSwitcher {...innerProps} />
<SwitchSplitOrientationButton {...innerProps} />
<DisplayModeSwitcher {...innerProps} />
<SaveToNoteButton {...innerProps} />
<RefreshButton {...innerProps} />
<CopyReferenceToClipboardButton {...innerProps} />
@@ -232,17 +232,21 @@ function DisplayModeSwitcher({ note, isDefaultViewMode }: NoteActionsCustomInner
}
return (
<ButtonGroup size="sm">
{buttons.map(({ value, icon, text }) => (
<NoteAction
key={value}
icon={icon}
text={text}
active={mode === value}
onClick={() => setDisplayMode(value)}
/>
))}
</ButtonGroup>
<>
<div className="note-actions-custom-spacer" />
<ButtonGroup size="sm">
{buttons.map(({ value, icon, text }) => (
<NoteAction
key={value}
icon={icon}
text={text}
active={mode === value}
onClick={() => setDisplayMode(value)}
/>
))}
</ButtonGroup>
<div className="note-actions-custom-spacer" />
</>
);
}