colin/Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
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 = (