greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: toggle tooltip param

pull/7668/head
Konstantinos Kaloutas 2022-12-15 15:06:43 +02:00 committed by Tienson Qin
parent b1d499abf7
commit 31e3981bbe
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
tldraw/apps/tldraw-logseq/src/components/ContextBar/contextBarActionFactory.tsx
View File

@ -126,7 +126,7 @@ const AutoResizingAction = observer(() => {
return ( return (
<ToggleInput <ToggleInput
title="Auto Resize" tooltip="Auto Resize"
toggle={shapes.every(s => s.props.type === 'logseq-portal')} toggle={shapes.every(s => s.props.type === 'logseq-portal')}
className="tl-button" className="tl-button"
pressed={pressed} pressed={pressed}
@ -300,7 +300,7 @@ const NoFillAction = observer(() => {
const noFill = shapes.every(s => s.props.noFill) const noFill = shapes.every(s => s.props.noFill)
return ( return (
<ToggleInput title="Fill" className="tl-button" pressed={noFill} onPressedChange={handleChange}> <ToggleInput tooltip="Fill" className="tl-button" pressed={noFill} onPressedChange={handleChange}>
<TablerIcon name={noFill ? 'droplet-off' : 'droplet'} /> <TablerIcon name={noFill ? 'droplet-off' : 'droplet'} />
</ToggleInput> </ToggleInput>
) )
@ -435,7 +435,7 @@ const TextStyleAction = observer(() => {
return ( return (
<span className="flex gap-1"> <span className="flex gap-1">
<ToggleInput <ToggleInput
title="Bold" tooltip="Bold"
className="tl-button" className="tl-button"
pressed={bold} pressed={bold}
onPressedChange={v => { onPressedChange={v => {
@ -451,7 +451,7 @@ const TextStyleAction = observer(() => {
<TablerIcon name="bold" /> <TablerIcon name="bold" />
</ToggleInput> </ToggleInput>
<ToggleInput <ToggleInput
title="Italic" tooltip="Italic"
className="tl-button" className="tl-button"
pressed={italic} pressed={italic}
onPressedChange={v => { onPressedChange={v => {

5
tldraw/apps/tldraw-logseq/src/components/inputs/ToggleInput.tsx
View File

@ -4,6 +4,7 @@ import * as Toggle from '@radix-ui/react-toggle'
interface ToggleInputProps extends React.HTMLAttributes<HTMLElement> { interface ToggleInputProps extends React.HTMLAttributes<HTMLElement> {
toggle?: boolean toggle?: boolean
pressed: boolean pressed: boolean
tooltip?: string
onPressedChange: (value: boolean) => void onPressedChange: (value: boolean) => void
} }
@ -12,11 +13,11 @@ export function ToggleInput({
pressed, pressed,
onPressedChange, onPressedChange,
className, className,
title, tooltip,
...rest ...rest
}: ToggleInputProps) { }: ToggleInputProps) {
return ( return (
<Tooltip content={title} asChild={false}> <Tooltip content={tooltip} asChild={false}>
<Toggle.Root <Toggle.Root
{...rest} {...rest}
data-toggle={toggle} data-toggle={toggle}