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

fix: reduce zoom button size to image dimensions

Browse Source 
Reduce the size of the zoom button to the dimensions of the image. Change `flex-direction` of the zoomable container to `column` and align its items `center`. Set `max-width` and `max-height` of the zoom button to `100%` to prevent overflows.

Fixes #5586
This commit is contained in:
jojomatik
2023-01-01 11:54:59 +01:00
parent db523f0684
commit fdb75a1e77
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
stylesheets/components/Lightbox.scss
View File

@@ -131,12 +131,16 @@
&__zoomable-container { &__zoomable-container {
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center;
margin: 0 40px; margin: 0 40px;
} }
&__zoom-button { &__zoom-button {
@include button-reset; @include button-reset;
max-height: 100%;
max-width: 100%;
cursor: zoom-in; cursor: zoom-in;
} }