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

Adds max-width to main gallery slide item.

This commit is contained in:
mateuswetah 2021-03-22 15:26:47 -03:00
parent 9cf653eb3f
commit e8fba0cff5
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -656,6 +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));
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

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

@ -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: calc(100% - var(--swiper-navigation-size, 44px) - var(--swiper-navigation-size, 44px));
padding: 0 var(--swiper-navigation-size, 44px);
opacity: 1.0;
transition: opacity 0.2s linear;