mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Lightbox: Fix clicks outside of zoomable area

Browse source
This commit is contained in:
Josh Perez 2022-02-01 18:49:36 -05:00 • committed by GitHub
parent 04c08a624b
commit b38590a4ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

6
stylesheets/components/Lightbox.scss
View file

@ -129,6 +129,12 @@
} }
} }
&__zoomable-container {
align-items: center;
display: flex;
justify-content: center;
}
&__zoom-button { &__zoom-button {
@include button-reset; @include button-reset;
cursor: zoom-in; cursor: zoom-in;

2
ts/components/Lightbox.tsx
View file

@ -427,6 +427,7 @@ export function Lightbox({
if (isImageTypeSupported) { if (isImageTypeSupported) {
if (objectURL) { if (objectURL) {
content = ( content = (
<div className="Lightbox__zoomable-container">
<button <button
className="Lightbox__zoom-button" className="Lightbox__zoom-button"
onClick={zoomButtonHandler} onClick={zoomButtonHandler}
@ -449,6 +450,7 @@ export function Lightbox({
ref={imageRef} ref={imageRef}
/> />
</button> </button>
</div>
); );
} else { } else {
content = ( content = (