tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updates to media modal content alignment.

This commit is contained in:
mateuswetah 2022-01-27 18:16:23 -03:00
parent df528bbd7b
commit 296e357f55
3 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/css/tainacan-gutenberg-block-item-gallery.css
View File

@ -884,7 +884,8 @@ a.pswp__share--download:hover {
align-items: center;
text-align: center;
padding: 44px;
margin-top: 22px; }
margin-top: 22px;
margin-bottom: 22px; }
.tainacan-photoswipe-layer .pswp__container .attachment-without-image > iframe:not(.wp-embedded-content) {
width: 90vw;
height: 90vh;
@ -903,6 +904,10 @@ a.pswp__share--download:hover {
background-image: url("../images/preloader.gif");
background-repeat: no-repeat;
background-position: center; }
.tainacan-photoswipe-layer .pswp__container .pswp__zoom-wrap {
display: flex;
justify-content: center;
align-items: center; }
.tainacan-photoswipe-layer .pswp__container .tainacan-content-embed {
width: 100%;
height: auto; }
@ -936,9 +941,12 @@ a.pswp__share--download:hover {
.tainacan-photoswipe-layer .pswp__container audio {
background: black;
min-height: 38px;
border-radius: 20px; }
border-radius: 20px;
min-width: 80%;
max-width: 80%; }
.tainacan-photoswipe-layer .pswp__container video {
min-height: 56px; }
min-height: 56px;
max-width: 80%; }
.tainacan-photoswipe-layer .pswp__top-bar .pswp__name {
color: white;
text-align: center;

2
src/assets/css/tainacan-gutenberg-block-item-gallery.css.map
View File

File diff suppressed because one or more lines are too long

9
src/views/gutenberg-blocks/blocks/item-gallery/style.scss
View File

@ -375,6 +375,7 @@ $pswp__include-minimal-style: true !default;
text-align: center;
padding: 44px;
margin-top: 22px;
margin-bottom: 22px;
&>iframe:not(.wp-embedded-content) {
width: 90vw;
@ -398,6 +399,11 @@ $pswp__include-minimal-style: true !default;
background-repeat: no-repeat;
background-position: center;
}
.pswp__zoom-wrap {
display: flex;
justify-content: center;
align-items: center;
}
.tainacan-content-embed {
width: 100%;
@ -443,9 +449,12 @@ $pswp__include-minimal-style: true !default;
background: black;
min-height: 38px;
border-radius: 20px;
min-width: 80%;
max-width: 80%;
}
video {
min-height: 56px;
max-width: 80%;
}
}
.pswp__top-bar .pswp__name {