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

chore(react/floating_buttons): improve sizing

Browse Source
This commit is contained in:
Elian Doran
2025-08-27 23:36:50 +03:00
parent a4046fbf6e
commit 40bfd827d2
2 changed files with 26 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/client/src/widgets/react/ActionButton.tsx
View File

@@ -3,16 +3,17 @@ import { CommandNames } from "../../components/app_context";
import { useStaticTooltip } from "./hooks";
import keyboard_actions from "../../services/keyboard_actions";
interface ActionButtonProps {
export interface ActionButtonProps {
text: string;
titlePosition?: "bottom" | "left"; // TODO: Use it
icon: string;
className?: string;
onClick?: (e: MouseEvent) => void;
triggerCommand?: CommandNames;
noIconActionClass?: boolean;
}
export default function ActionButton({ text, icon, className, onClick, triggerCommand, titlePosition }: ActionButtonProps) {
export default function ActionButton({ text, icon, className, onClick, triggerCommand, titlePosition, noIconActionClass }: ActionButtonProps) {
const buttonRef = useRef<HTMLButtonElement>(null);
const [ keyboardShortcut, setKeyboardShortcut ] = useState<string[]>();
@@ -30,7 +31,7 @@ export default function ActionButton({ text, icon, className, onClick, triggerCo
return <button
ref={buttonRef}
class={`icon-action ${icon} ${className ?? ""}`}
class={`${className ?? ""} ${!noIconActionClass ? "icon-action" : ""} ${icon}`}
onClick={onClick}
data-trigger-command={triggerCommand}
/>;