Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 10:26:08 +01:00
Code Issues Packages Projects Releases Activity

chore(react/ribbon): add CSS for context menu

Browse Source
This commit is contained in:
Elian Doran
2025-08-25 00:21:44 +03:00
parent 35ef5fd0d3
commit 36fb097d1d
3 changed files with 25 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/client/src/widgets/buttons/note_actions.ts
View File

@@ -1,39 +0,0 @@
import NoteContextAwareWidget from "../note_context_aware_widget.js";
import utils from "../../services/utils.js";
import branchService from "../../services/branches.js";
import dialogService from "../../services/dialog.js";
import server from "../../services/server.js";
import toastService from "../../services/toast.js";
import ws from "../../services/ws.js";
import appContext, { type EventData } from "../../components/app_context.js";
import { t } from "../../services/i18n.js";
import type FNote from "../../entities/fnote.js";
import type { FAttachmentRow } from "../../entities/fattachment.js";
const TPL = /*html*/`
<div class="dropdown note-actions">
<style>
.note-actions {
width: 35px;
height: 35px;
}
.note-actions .dropdown-menu {
min-width: 15em;
}
.note-actions .dropdown-item .bx {
position: relative;
top: 3px;
font-size: 120%;
margin-right: 5px;
}
.note-actions .dropdown-item[disabled], .note-actions .dropdown-item[disabled]:hover {
color: var(--muted-text-color) !important;
background-color: transparent !important;
pointer-events: none; /* makes it unclickable */
}
</style>
</div>`;

1
apps/client/src/widgets/ribbon/NoteActions.tsx
View File

@@ -61,6 +61,7 @@ function NoteContextMenu(props: NoteActionsProps) {
return ( return (
<Dropdown <Dropdown
buttonClassName="bx bx-dots-vertical-rounded" buttonClassName="bx bx-dots-vertical-rounded"
className="note-actions"
hideToggleArrow hideToggleArrow
noSelectButtonStyle noSelectButtonStyle
> >

24
apps/client/src/widgets/ribbon/style.css
View File

@@ -449,3 +449,27 @@
background-color: var(--accented-background-color); background-color: var(--accented-background-color);
} }
/* #endregion */ /* #endregion */
/* #region Note actions */
.note-actions {
width: 35px;
height: 35px;
}
.note-actions .dropdown-menu {
min-width: 15em;
}
.note-actions .dropdown-item .bx {
position: relative;
top: 3px;
font-size: 120%;
margin-right: 5px;
}
.note-actions .dropdown-item[disabled], .note-actions .dropdown-item[disabled]:hover {
color: var(--muted-text-color) !important;
background-color: transparent !important;
pointer-events: none; /* makes it unclickable */
}
/* #endregion */