Fix InvisibleChat button getting hidden by themes

This commit is contained in:
Vendicated 2023-01-11 01:50:00 +01:00
parent c525672777
commit 19c9a13273
No known key found for this signature in database
GPG key ID: EC781ADFB93EFFA3
3 changed files with 35 additions and 26 deletions

View file

@ -70,6 +70,13 @@ function ChatBarIcon() {
<Tooltip text="Encrypt Message"> <Tooltip text="Encrypt Message">
{({ onMouseEnter, onMouseLeave }) => ( {({ onMouseEnter, onMouseLeave }) => (
// size="" = Button.Sizes.NONE // size="" = Button.Sizes.NONE
/*
many themes set "> button" to display: none, as the gift button is
the only directly descending button (all the other elements are divs.)
Thus, wrap in a div here to avoid getting hidden by that.
flex is for some reason necessary as otherwise the button goes flying off
*/
<div style={{ display: "flex" }}>
<Button <Button
aria-haspopup="dialog" aria-haspopup="dialog"
aria-label="Encrypt Message" aria-label="Encrypt Message"
@ -94,7 +101,9 @@ function ChatBarIcon() {
</svg> </svg>
</div> </div>
</Button> </Button>
)} </div>
)
}
</Tooltip > </Tooltip >
); );
} }