add close menu button to exit menu
This commit is contained in:
parent
37a90a90c2
commit
625b734fde
@ -218,3 +218,15 @@
|
|||||||
.note .reactions-link:hover {
|
.note .reactions-link:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.close-menu {
|
||||||
|
position: absolute;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
top: -400px;
|
||||||
|
left: -600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-menu-container {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
@ -209,6 +209,13 @@ export default function NoteFooter(props: NoteFooterProps) {
|
|||||||
function menuItems() {
|
function menuItems() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<div className="close-menu-container">
|
||||||
|
{/* This menu item serves as a "close menu" button;
|
||||||
|
it allows the user to click anywhere nearby the menu to close it. */}
|
||||||
|
<MenuItem>
|
||||||
|
<div className="close-menu" />
|
||||||
|
</MenuItem>
|
||||||
|
</div>
|
||||||
{prefs.enableReactions && (
|
{prefs.enableReactions && (
|
||||||
<MenuItem onClick={() => setShowReactions(true)}>
|
<MenuItem onClick={() => setShowReactions(true)}>
|
||||||
<Heart />
|
<Heart />
|
||||||
|
Loading…
Reference in New Issue
Block a user