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

CSS to center some elements in item gallery.

This commit is contained in:
mateuswetah 2023-11-07 10:31:29 -03:00
parent 0ab2499f81
commit 605c068cca
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -798,6 +798,10 @@
max-width: calc((90vh * 9) / 16); }
.tainacan-photoswipe-layer .pswp__container .tainacan-content-embed.tainacan-embed-aspect-1-2 {
max-width: calc((90vh * 1) / 2); }
.tainacan-photoswipe-layer .pswp__container .pswp__content {
display: flex;
justify-content: center;
align-content: center; }
.tainacan-photoswipe-layer .pswp__container .pswp__content > .tainacan-content-embed:not(.attachment-without-image) {
margin-top: 60px; }
.tainacan-photoswipe-layer .pswp__container a:first-of-type,

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

File diff suppressed because one or more lines are too long

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

@ -598,6 +598,11 @@
max-width: calc((90vh * 1) / 2);
}
}
.pswp__content {
display: flex;
justify-content: center;
align-content: center;
}
.pswp__content>.tainacan-content-embed:not(.attachment-without-image) {
margin-top: 60px;
}