a tool for shared writing and social publishing
removed redundant close button in link toolbar, made link input in block options have a transparent background, fixed disabled styling for link button when no text is selected
+15
-11
+1
-1
components/BlockOptions.tsx
+1
-1
components/BlockOptions.tsx
···
149
149
<input
150
150
id="block-link-input"
151
151
type="url"
152
-
className="w-full grow border-none outline-none "
152
+
className="w-full grow border-none outline-none bg-transparent "
153
153
placeholder="www.leaflet.pub"
154
154
value={linkValue}
155
155
onChange={(e) => setLinkValue(e.target.value)}
+6
-7
components/Toolbar/LinkButton.tsx
+6
-7
components/Toolbar/LinkButton.tsx
···
27
27
}
28
28
}
29
29
}
30
-
31
30
return (
32
31
<ToolbarButton
33
32
active={isLink}
···
70
69
let [linkValue, setLinkValue] = useState(content);
71
70
72
71
return (
73
-
<div className=" w-full flex items-center gap-[6px]">
74
-
<ToolbarButton onClick={() => props.onClose}>
72
+
<div className="w-full flex items-center gap-[6px]">
73
+
<ToolbarButton onClick={() => props.onClose()}>
75
74
<LinkTextToolbarSmall />
76
75
</ToolbarButton>
77
-
<Separator />
76
+
<Separator classname="h-6" />
78
77
<input
79
78
autoFocus
80
79
className="w-full grow bg-transparent border-none outline-none "
···
84
83
/>
85
84
<div className="flex items-center gap-3">
86
85
<button
87
-
className="hover:text-accent"
86
+
className="hover:text-accent -mr-6"
88
87
onMouseDown={(e) => {
89
88
e.preventDefault();
90
89
let editor = focusedEditor?.editor;
···
103
102
>
104
103
<CheckTiny />
105
104
</button>
106
-
<button
105
+
{/* <button
107
106
className="hover:text-accent"
108
107
onMouseDown={(e) => {
109
108
props.onClose();
···
111
110
}}
112
111
>
113
112
<CloseTiny />
114
-
</button>
113
+
</button> */}
115
114
</div>
116
115
</div>
117
116
);
+8
-3
components/Toolbar/index.tsx
+8
-3
components/Toolbar/index.tsx
···
287
287
<button
288
288
disabled={props.disabled}
289
289
className={`
290
-
rounded-md text-secondary shrink-0 p-0.5 active:bg-border active:text-primary
290
+
rounded-md shrink-0 p-0.5 active:bg-border active:text-primary
291
291
${props.className}
292
-
${props.active ? "bg-border text-primary" : ""}
293
-
${props.disabled ? "text-border cursor-not-allowed" : ""}
292
+
${
293
+
props.active
294
+
? "bg-border text-primary"
295
+
: props.disabled
296
+
? "text-border cursor-not-allowed"
297
+
: "text-secondary"
298
+
}
294
299
`}
295
300
onMouseDown={(e) => {
296
301
e.preventDefault();