leaflet.pub
a tool for shared writing and social publishing
thing i did that seemed smart was actually dumb, reversing lol
cozylittle.house
+4
-7
+4
-7
app/reader/ReaderContent.tsx
+4
-7
app/reader/ReaderContent.tsx
···
110
110
`}
111
111
>
112
112
<SpeedyLink
113
-
className="h-full w-full absolute top-0 left-0 z-0"
113
+
className="h-full w-full absolute top-0 left-0 "
114
114
href={`${props.publication.href}/${postUri.rkey}`}
115
115
/>
116
116
<div
117
-
className={`${showPageBackground ? "bg-bg-page " : "bg-transparent"} rounded-md w-full px-[10px] pt-2 pb-2 z-1 pointer-events-none`}
117
+
className={`${showPageBackground ? "bg-bg-page " : "bg-transparent"} rounded-md w-full px-[10px] pt-2 pb-2 z-1 `}
118
118
style={{
119
119
backgroundColor: showPageBackground
120
120
? "rgba(var(--bg-page), var(--bg-page-alpha))"
···
160
160
<SpeedyLink
161
161
href={props.href}
162
162
className="text-accent-contrast font-bold no-underline text-sm flex gap-1 items-center md:w-fit w-full relative shrink-0"
163
-
style={{ pointerEvents: "all" }}
164
163
>
165
164
<PubIcon small record={props.pubRecord} uri={props.uri} />
166
165
{props.pubRecord.name}
···
217
216
{interactionsAvailable && <Separator classname="h-4 !min-h-0" />}
218
217
<button
219
218
id={`copy-post-link-${props.postUrl}`}
220
-
className="flex gap-1 items-center hover:font-bold"
221
-
style={{ pointerEvents: "all" }}
219
+
className="flex gap-1 items-center hover:font-bold relative"
222
220
onClick={(e) => {
223
221
e.stopPropagation();
224
222
e.preventDefault();
225
-
console.log("copied");
226
223
let mouseX = e.clientX;
227
224
let mouseY = e.clientY;
228
225
229
226
if (!props.postUrl) return;
230
-
navigator.clipboard.writeText(props.postUrl);
227
+
navigator.clipboard.writeText(`leaflet.pub${props.postUrl}`);
231
228
232
229
smoker({
233
230
text: <strong>Copied Link!</strong>,