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

Fixes responsiveness issue on media component.. again.

This commit is contained in:
mateuswetah 2021-07-28 21:01:30 -03:00
parent c6380d8618
commit b2b05bcca9
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/media-component.css
View File

@ -656,7 +656,7 @@ a.pswp__share--download:hover {
cursor: zoom-in !important; }
.tainacan-media-component__swiper-main li.swiper-slide {
height: 100%;
max-width: calc(100% - var(--swiper-navigation-size, 44px) - var(--swiper-navigation-size, 44px));
max-width: 100%;
padding: 0 var(--swiper-navigation-size, 44px);
opacity: 1.0;
transition: opacity 0.2s linear; }

2
src/assets/css/media-component.css.map
View File

File diff suppressed because one or more lines are too long

4
src/views/media-component/media-component.scss
View File

@ -54,7 +54,7 @@ $pswp__include-minimal-style: true !default;
.tainacan-media-component__swiper-main {
width: 100%;
max-width: 100%;
max-width: var(--tainacan-media-main-carousel-width, 100%);
ul.swiper-wrapper {
display: flex;
@ -67,7 +67,7 @@ $pswp__include-minimal-style: true !default;
}
li.swiper-slide {
height: 100%;
max-width: calc(100% - var(--swiper-navigation-size, 44px) - var(--swiper-navigation-size, 44px));
max-width: 100%;
//min-width: 100%;
padding: 0 var(--swiper-navigation-size, 44px);
opacity: 1.0;