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

Prevents alignment issues on media component.

This commit is contained in:
mateuswetah 2021-11-08 16:29:47 -03:00
parent 68953128b0
commit 70bbebf6b3
3 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -620,7 +620,12 @@ a.pswp__share--download:hover {
width: 100%;
height: auto;
display: block;
background-color: var(--tainacan-media-background, transparent); }
background-color: var(--tainacan-media-background, transparent);
box-sizing: border-box; }
.tainacan-media-component .swiper-slide,
.tainacan-media-component .swiper-slide::after,
.tainacan-media-component .swiper-slide::before {
box-sizing: border-box; }
/* Style valid for both cases of carousel, main and thumbs */
.tainacan-media-component__swiper-main .swiper-button-prev::after,
@ -658,6 +663,8 @@ a.pswp__share--download:hover {
.tainacan-media-component__swiper-main ul.swiper-wrapper[data-pswp-uid]:not([data-pswp-uid='']) li.swiper-slide .swiper-slide-content video,
.tainacan-media-component__swiper-main ul.swiper-wrapper[data-pswp-uid]:not([data-pswp-uid='']) li.swiper-slide .swiper-slide-content audio {
pointer-events: none; }
.tainacan-media-component__swiper-main ul.swiper-wrapper[data-pswp-uid]:not([data-pswp-uid='']) li.swiper-slide .swiper-slide-content a {
cursor: zoom-in !important; }
.tainacan-media-component__swiper-main li.swiper-slide {
height: 100%;
max-width: 100%;

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

File diff suppressed because one or more lines are too long

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

@ -24,6 +24,13 @@ $pswp__include-minimal-style: true !default;
height: auto;
display: block;
background-color: var(--tainacan-media-background, transparent);
box-sizing: border-box;
.swiper-slide,
.swiper-slide::after,
.swiper-slide::before {
box-sizing: border-box;
}
}
/* Style valid for both cases of carousel, main and thumbs */
@ -68,6 +75,9 @@ $pswp__include-minimal-style: true !default;
audio {
pointer-events: none;
}
a {
cursor: zoom-in !important;
}
}
}
li.swiper-slide {