happyz
/
memos
mirror of https://github.com/usememos/memos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: avoid hiding reaction selector and keep it always shown for mobile (#5079)

This commit is contained in:
Giacomo Cerquone 2025-09-09 05:35:21 +02:00 committed by GitHub
parent 60123de318
commit f4e23727bb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/MemoView.tsx
View File

@ -136,7 +136,7 @@ const MemoView: React.FC<Props> = observer((props: Props) => {
) : ( ) : (
<div <div
className={cn( className={cn(
"group relative flex flex-col justify-start items-start bg-card w-full px-4 py-3 mb-2 gap-2 text-card-foreground rounded-lg border border-border transition-colors", "relative flex flex-col justify-start items-start bg-card w-full px-4 py-3 mb-2 gap-2 text-card-foreground rounded-lg border border-border transition-colors",
className, className,
)} )}
> >
@ -177,7 +177,7 @@ const MemoView: React.FC<Props> = observer((props: Props) => {
)} )}
</div> </div>
<div className="flex flex-row justify-end items-center select-none shrink-0 gap-2"> <div className="flex flex-row justify-end items-center select-none shrink-0 gap-2">
<div className="w-auto invisible group-hover:visible flex flex-row justify-between items-center gap-2"> <div className="w-auto flex flex-row justify-between items-center gap-2">
{props.showVisibility && memo.visibility !== Visibility.PRIVATE && ( {props.showVisibility && memo.visibility !== Visibility.PRIVATE && (
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
@ -192,10 +192,7 @@ const MemoView: React.FC<Props> = observer((props: Props) => {
</div> </div>
{!isInMemoDetailPage && commentAmount > 0 && ( {!isInMemoDetailPage && commentAmount > 0 && (
<Link <Link
className={cn( className={cn("flex flex-row justify-start items-center rounded-md p-1 hover:opacity-80", commentAmount === 0 && "invisible")}
"flex flex-row justify-start items-center rounded-md p-1 hover:opacity-80",
commentAmount === 0 && "invisible group-hover:visible",
)}
to={`/${memo.name}#comments`} to={`/${memo.name}#comments`}
viewTransition viewTransition
state={{ state={{