gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-26 02:24:23 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

feat(popup_editor): enable floating buttons

Browse Source
This commit is contained in:
Elian Doran 2025-11-24 21:45:33 +02:00
parent 2158f69c09
commit 015d70afb6
No known key found for this signature in database
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/client/src/stylesheets/theme-next/shell.css
View File

@ -1453,7 +1453,7 @@ div.promoted-attribute-cell .multiplicity:has(span) span {
*/ */
/* Floating buttons container */ /* Floating buttons container */
div#center-pane .floating-buttons-children { .floating-buttons-children {
opacity: 1; opacity: 1;
min-height: var(--floating-button-height); min-height: var(--floating-button-height);
transform-origin: right; transform-origin: right;
@ -1465,12 +1465,12 @@ div#center-pane .floating-buttons-children {
opacity 250ms ease-out; opacity 250ms ease-out;
} }
body[dir=rtl] div#center-pane .floating-buttons-children { body[dir=rtl] .floating-buttons-children {
transform-origin: left; transform-origin: left;
} }
/* Floating buttons container (collapsed) */ /* Floating buttons container (collapsed) */
div#center-pane .floating-buttons-children.temporarily-hidden { .floating-buttons-children.temporarily-hidden {
display: flex !important; display: flex !important;
opacity: 0; opacity: 0;
transform: scaleX(0); transform: scaleX(0);

4
apps/client/src/widgets/dialogs/PopupEditor.tsx
View File

@ -12,6 +12,9 @@ import NoteList from "../collections/NoteList";
import StandaloneRibbonAdapter from "../ribbon/components/StandaloneRibbonAdapter"; import StandaloneRibbonAdapter from "../ribbon/components/StandaloneRibbonAdapter";
import FormattingToolbar from "../ribbon/FormattingToolbar"; import FormattingToolbar from "../ribbon/FormattingToolbar";
import PromotedAttributes from "../PromotedAttributes"; import PromotedAttributes from "../PromotedAttributes";
import FloatingButtons from "../FloatingButtons";
import { DESKTOP_FLOATING_BUTTONS, MOBILE_FLOATING_BUTTONS } from "../FloatingButtonsDefinitions";
import utils from "../../services/utils";
export default function PopupEditor() { export default function PopupEditor() {
const [ shown, setShown ] = useState(false); const [ shown, setShown ] = useState(false);
@ -51,6 +54,7 @@ export default function PopupEditor() {
> >
<PromotedAttributes /> <PromotedAttributes />
<StandaloneRibbonAdapter component={FormattingToolbar} /> <StandaloneRibbonAdapter component={FormattingToolbar} />
<FloatingButtons items={utils.isMobile() ? MOBILE_FLOATING_BUTTONS : DESKTOP_FLOATING_BUTTONS} />
<NoteDetail /> <NoteDetail />
<NoteList media="screen" displayOnlyCollections /> <NoteList media="screen" displayOnlyCollections />
</Modal> </Modal>