Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-20 18:32:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

try to fix edit workflow

Browse source
This commit is contained in:
Ivan Evans 2024-09-28 21:10:40 -06:00
parent 8b377b42c9
commit 5421f4115e
4 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/buttons/EditButton.tsx
View file

@ -43,7 +43,7 @@ export function EditButton(props: EditButtonProps) {
<button
type="button"
onClick={onClick}
className="fixed bottom-9 right-7 z-50 flex h-12 w-12 items-center justify-center rounded-full bg-background-secondary text-white border-2 border-green-500 transition-[background-color,transform,box-shadow] hover:bg-background-secondaryHover hover:scale-110 cursor-pointer"
className="fixed bottom-9 right-7 z-999 flex h-12 w-12 items-center justify-center rounded-full bg-background-secondary text-white border-2 border-green-500 transition-[background-color,transform,box-shadow] hover:bg-background-secondaryHover hover:scale-110 cursor-pointer"
id={props.id ? `${props.id}-check` : undefined} // Optionally use a different id for this button
>
<Icon icon={Icons.CHECKMARK} />

15
src/components/utils/Flare.css
View file

@ -14,3 +14,18 @@
.group:hover .bookmark-button {
opacity: 1;
}
/* Ensure text is always visible on mobile */
@media (max-width: 1024px) {
.group h1, .group button {
opacity: 1; /* Always visible on mobile */
}
.group .group-hover\\:opacity-100 {
opacity: 1; /* Ensure the flare effect is always visible */
}
.group:hover .bookmark-button {
opacity: 0;
}
}

1
src/pages/parts/home/BookmarksPart.tsx
View file

@ -90,6 +90,7 @@ export function BookmarksPart({
return (
<div
className="relative"
style={{ userSelect: "none" }} // Disable text selection
onContextMenu={(e: React.MouseEvent<HTMLDivElement>) =>
e.preventDefault()
} // Prevent right-click context menu

1
src/pages/parts/home/WatchingPart.tsx
View file

@ -82,6 +82,7 @@ export function WatchingPart({
return (
<div
className="relative"
style={{ userSelect: "none" }} // Disable text selection
onContextMenu={(e: React.MouseEvent<HTMLDivElement>) =>
e.preventDefault()
} // Prevent right-click context menu