[3.0.0] Experience > Gallery tab - issues

More
10 months 2 weeks ago #19922 by joomleb
Hi guys,
PHP 7.4.33 + Joomla 4.3.2 + Solidres 2.13.4 + Experience plugin 1.9.1
About the Gallery tab plugin

1 - Thumbnails are not vertically spaced. I add two images here for you.
Please, Can you confirm it?
Would be good to have the same space all around the Thumbnails, vertically/horizontally/between (in my opinion the best is to use no more than "1rem").
Maybe a good start point to fix it would be to work with space-evenly:

#expGallery .gallery-flex-box, .sr-experience .flex-box, .sr-experience-accommodation {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}


2 - When I open the images there is no a max-height definition, so often the images are vertically cutted off. I add here two images for you.
Please, Can you confirm it ?
Maybe a good start point to fix it would be to introduce max-height definition:

…/templates/shaper_helixultimate/css/template.css
.modal-dialog.jviewport-width80 {
width: 80vw;
max-width: none;
max-height: 80vh;
}
…/media/com_hikashop/css/frontend_default.css
div.modal-body {
max-height: none !important;
}

…/media/com_solidres/assets/css/main.css
.carousel .item img, .carousel .carousel-item img {
margin: 0 auto;
max-height: 80vh; >>> to delete the w-100 in the image code
}


3 - Would be good to ordering the Gallery tab just after the Description one, before the Feedbacks and Scores tabs.
Attachments:

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago - 7 months 1 week ago #20152 by joomleb
Replied by joomleb on topic [3.0.0] Experience > Gallery tab - issues
Hi guys,
PHP 7.4.33 / 8.1.22 + Joomla 4.3.4 + Solidres 3.0.0 + Experience plugin 1.10.0
About the Gallery tab plugin

1 - Thumbnails are not vertically spaced as it is happening between them horizontally. I add other two images here for you.
Please, Can you confirm it?
Would be good to have on all views layouts the same space all around the Thumbnails, vertically/horizontally/between (in my opinion the best is to use no more than "1rem").
Maybe a good start point to fix it would be to work with “justify-content: space-evenly;”.

#expGallery .gallery-flex-box, .sr-experience .flex-box, .sr-experience-accommodation {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}


2 - When I open the images there is no a max-height definition, so often the images are vertically cutted off (you can view it very well when on smartphones and tablets you switch to an horizontal view). I add here other four images for you.
Please, Can you confirm it ?
Maybe a good start point to fix it would be to introduce max-height screen definition:

…/templates/shaper_helixultimate/css/template.css
.modal-dialog.jviewport-width80 {
width: 80vw;
max-width: none;
max-height: 80vh;
}
…/media/com_hikashop/css/frontend_default.css
div.modal-body {
max-height: none !important;
}

…/media/com_solidres/assets/css/main.css
.carousel .item img, .carousel .carousel-item img {
margin: 0 auto;
max-height: 80vh; >>> to delete the w-100 in the image code
}


3 - Would be good to ordering the Gallery tab just after the Description one, before the Feedbacks and Scores tabs. Do you agree ?


4 - Here in the Gallery, when opening an image through the Bootstrap 5.x modal popup, the title "Gallery" should not be shown, it is only wasting precious space to show a little bit bigger image...
I mean to open it without modal-header and modal-footer.


Please, Can you confirm and apply the patches ?
Last edit: 7 months 1 week ago by joomleb.

Please Log in or Create an account to join the conversation.

Moderators: solidres
Powered by Kunena Forum

All the things you need to make your work easier. Did you like Solidres?