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

Fixes styling issues of slideshow component in Vue3 #794.

This commit is contained in:
mateuswetah 2024-01-23 11:27:42 -03:00
parent 774e1fb063
commit 2d949364eb
3 changed files with 35 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/classes/theme-helper/class-tainacan-theme-helper.php
View File

@ -619,7 +619,7 @@ class Theme_Helper {
// If in a collection page
$collection = tainacan_get_collection($args);
if ($collection) {
$props .= "collection-id='" . $collection->get_id() . "' ";
$props .= "data-collection-id='" . $collection->get_id() . "' ";
$default_view_mode = $collection->get_default_view_mode();
$enabled_view_modes = $collection->get_enabled_view_modes();
$default_order = $collection->get_default_order();

34
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/scss/_view-mode-slideshow.scss
View File

@ -1,3 +1,37 @@
@keyframes open-full-screen {
from {
opacity: 0;
transform: scale(0.6);
}
to {
opacity: 1;
transform: scale(1.0);
}
}
.is-fullscreen {
position: fixed !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
z-index: 999999999;
background-color: var(--tainacan-black) !important;
transition: background-color 0.3s ease, width 0.3s ease, height 0.3s ease;
animation: open-full-screen 0.4s ease;
.filters-menu {
display: none !important;
}
.metadata-alert {
position: absolute;
}
}
#close-fullscren-button,
#item-page-button,
#metedata-panel-button,

35
src/views/gutenberg-blocks/blocks/faceted-search/theme.vue
View File

@ -982,7 +982,6 @@
if ( this.$el && this.$el.parentElement && this.$el.parentElement.className !== "theme-items-list has-mounted " + classesAsString )
this.$el.parentElement.className = "theme-items-list has-mounted " + classesAsString;
},
immediate: true,
},
@ -1937,40 +1936,6 @@
<style lang="scss" scoped>
@keyframes open-full-screen {
from {
opacity: 0;
transform: scale(0.6);
}
to {
opacity: 1;
transform: scale(1.0);
}
}
.is-fullscreen {
position: fixed !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
z-index: 999999999;
background-color: var(--tainacan-black) !important;
transition: background-color 0.3s ease, width 0.3s ease, height 0.3s ease;
animation: open-full-screen 0.4s ease;
.filters-menu {
display: none !important;
}
.metadata-alert {
position: absolute;
}
}
.advanced-search-form-submit {
display: flex;
justify-content: flex-end;