Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-07 08:01:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(rtl): align floating buttons properly

Browse Source
This commit is contained in:
Elian Doran 2025-03-05 17:12:14 +02:00
parent 25c9f52cf4
commit 8e2517459f
No known key found for this signature in database
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/public/app/widgets/floating_buttons/floating_buttons.ts
View File

@ -10,7 +10,8 @@ const TPL = `
position: relative; position: relative;
} }
.floating-buttons-children,.show-floating-buttons { .floating-buttons-children,
.show-floating-buttons {
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
@ -19,6 +20,21 @@ const TPL = `
z-index: 100; z-index: 100;
} }
.note-split.rtl .floating-buttons-children,
.note-split.rtl .show-floating-buttons {
right: unset;
left: 10px;
}
.note-split.rtl .close-floating-buttons {
order: -1;
}
.note-split.rtl .close-floating-buttons,
.note-split.rtl .show-floating-buttons {
transform: rotate(180deg);
}
.type-canvas .floating-buttons-children { .type-canvas .floating-buttons-children {
top: 70px; top: 70px;
} }

5
src/public/app/widgets/note_wrapper.ts
View File

@ -5,6 +5,7 @@ import type BasicWidget from "./basic_widget.js";
import type { EventData } from "../components/app_context.js"; import type { EventData } from "../components/app_context.js";
import type NoteContext from "../components/note_context.js"; import type NoteContext from "../components/note_context.js";
import type FNote from "../entities/fnote.js"; import type FNote from "../entities/fnote.js";
import { getLocaleById } from "../services/i18n.js";
export default class NoteWrapperWidget extends FlexContainer<BasicWidget> { export default class NoteWrapperWidget extends FlexContainer<BasicWidget> {
@ -56,6 +57,10 @@ export default class NoteWrapperWidget extends FlexContainer<BasicWidget> {
this.$widget.addClass(utils.getMimeTypeClass(note.mime)); this.$widget.addClass(utils.getMimeTypeClass(note.mime));
this.$widget.toggleClass("protected", note.isProtected); this.$widget.toggleClass("protected", note.isProtected);
const noteLanguage = note?.getLabelValue("language");
const locale = getLocaleById(noteLanguage);
this.$widget.toggleClass("rtl", !!locale?.rtl);
} }
#isFullWidthNote(note: FNote) { #isFullWidthNote(note: FNote) {