n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/timeline: add close button to mobile context menu

Browse source
This commit is contained in:
Tulir Asokan 2024-12-30 12:53:51 +02:00
parent 248a218eed
commit b30025746d
2 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/src/ui/timeline/menu/EventMenu.tsx
View file

@ -19,6 +19,7 @@ import ClientContext from "../../ClientContext.ts"
import { RoomContextData } from "../../roomview/roomcontext.ts" import { RoomContextData } from "../../roomview/roomcontext.ts"
import { usePrimaryItems } from "./usePrimaryItems.tsx" import { usePrimaryItems } from "./usePrimaryItems.tsx"
import { useSecondaryItems } from "./useSecondaryItems.tsx" import { useSecondaryItems } from "./useSecondaryItems.tsx"
import CloseIcon from "@/icons/close.svg?react"
interface BaseEventMenuProps { interface BaseEventMenuProps {
evt: MemDBEvent evt: MemDBEvent
@ -62,5 +63,7 @@ export const EventFixedMenu = ({ evt, roomCtx }: BaseEventMenuProps) => {
{primary} {primary}
<div className="vertical-line"/> <div className="vertical-line"/>
{secondary} {secondary}
<div className="vertical-line"/>
<button className="close"><CloseIcon/></button>
</div> </div>
} }

6
web/src/ui/timeline/menu/index.css
View file

@ -26,6 +26,12 @@ div.event-fixed-menu {
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
> div.vertical-line {
width: 1px;
flex-shrink: 0;
background-color: var(--border-color);
}
> button { > button {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;