- Posts: 695
We only provide official support for Solidres's subscribers, all subscribers can request support by using forum or support ticket system. For more information please check our Support Policy at www.solidres.com/support-policy
[3.0.0] Experience > Gallery tab - issues
- joomleb
- Topic Author
- Offline
Less
More
3 years 4 months ago #19922
by joomleb
[2.13.4] Experience > Gallery tab - issues was created 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.
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.
Please Log in or Create an account to join the conversation.
- joomleb
- Topic Author
- Offline
Less
More
- Posts: 695
3 years 1 month ago - 3 years 1 month 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 ?
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: 3 years 1 month ago by joomleb.
Please Log in or Create an account to join the conversation.
Moderators: solidres