mirror of https://github.com/logseq/logseq
fix: toggle tooltip param
parent
b1d499abf7
commit
31e3981bbe
|
@ -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 => {
|
||||||
|
|
|
@ -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}
|
||||||
|
|
Loading…
Reference in New Issue