Adds some padding around lightbox zooming

This commit is contained in:
Josh Perez 2021-10-05 13:28:32 -04:00 committed by GitHub
parent 3eff5b73d2
commit bcf1640587
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 9 deletions

View file

@ -13,6 +13,10 @@
right: 0;
top: 0;
z-index: 10;
&--zoom {
padding: 0;
}
}
&__main-container {
@ -75,7 +79,7 @@
&__shadow-container {
display: flex;
height: 100%;
padding: 0 16px;
padding: 0;
position: absolute;
width: 100%;
visibility: hidden;
@ -107,22 +111,22 @@
&__shadow-container &__object {
max-height: 200%;
max-width: 200%;
padding: 0;
padding: 10%;
visibility: hidden;
}
&__object--container--zoom &__object {
max-height: 200%;
max-width: 200%;
padding: 10%;
}
&__object--container--fill &__object {
height: 100%;
padding: 0;
width: 100%;
}
&__object--container--zoom &__object {
max-height: 200%;
max-width: 200%;
padding: 0;
}
&__unsupported {
@include button-reset;
flex-grow: 1;