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

Fixes hierarchy issue with new metadata sections classes.

This commit is contained in:
mateuswetah 2022-10-05 12:06:30 -03:00
parent f3869b9155
commit 2ab0c3184b
6 changed files with 145 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
tainacan-blocksy/sass/tainacan-item-single.scss
View File

@ -21,7 +21,8 @@
.tainacan-item-section--document,
.tainacan-item-section--gallery { grid-area: document }
.tainacan-item-section--attachments { grid-area: attachments }
.tainacan-item-section--metadata { grid-area: metadata }
.tainacan-item-section--metadata,
.tainacan-item-section--metadata-sections { grid-area: metadata }
.tainacan-item-section--items-related-to-this { grid-area: related }
&.tainacan-item-single--layout-type-dam {
@ -458,8 +459,8 @@
}
/* Metadata section layouts */
.tainacan-metadata-sections-container {
&.metadata-section-layout--tabs {
.tainacan-item-section--metadata-sections {
.metadata-section-layout--tabs {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
@ -507,8 +508,8 @@
}
}
}
&.metadata-section-layout--collapses,
&.metadata-section-layout--accordion {
.metadata-section-layout--collapses,
.metadata-section-layout--accordion {
box-sizing: border-box;
.tainacan-item-section {

56
tainacan-blocksy/style.css
View File

@ -403,7 +403,8 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
grid-area: attachments;
}
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section--metadata {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section--metadata,
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section--metadata-sections {
grid-area: metadata;
}
@ -842,20 +843,20 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
transform: scale(1);
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs .tainacan-item-section {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs .tainacan-item-section {
width: 100%;
display: none;
padding: 2rem 42px 1rem 42px;
border-top: 1px solid var(--formBorderInitialColor, #e0e5eb);
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs label {
width: 100%;
text-align: center;
margin: 0;
@ -865,42 +866,44 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
transition: border-bottom 0.2s ease;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label .tainacan-single-item-section {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs label .tainacan-single-item-section {
margin: 0.75rem 1.5rem;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label:hover {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs label:hover {
opacity: 1.0;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs input {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input {
position: absolute;
opacity: 0;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs input:checked + label {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label {
opacity: 1.0;
border-bottom-color: var(--paletteColor1, #3eaf7c);
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs input:checked + label + .tainacan-item-section {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label + .tainacan-item-section {
display: block;
}
@media screen and (min-width: 768px) {
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs label {
width: auto;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs .tainacan-item-section {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs .tainacan-item-section {
order: 99;
}
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion {
box-sizing: border-box;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses .tainacan-item-section, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion .tainacan-item-section {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses .tainacan-item-section,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion .tainacan-item-section {
width: 100%;
display: none;
padding: 2rem 42px 1rem 42px;
@ -908,7 +911,8 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
margin-bottom: 0;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label {
display: flex;
align-items: center;
width: 100%;
@ -919,39 +923,47 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
transition: opacity 0.2s ease;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label .tainacan-single-item-section, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label .tainacan-single-item-section {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label .tainacan-single-item-section,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label .tainacan-single-item-section {
margin: 0.75rem;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label .tainacan-icon, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label .tainacan-icon {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label .tainacan-icon,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label .tainacan-icon {
color: var(--paletteColor1, #3eaf7c);
transform: rotate(0deg);
transition: transform 0.2s ease;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label .tainacan-icon::before, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label .tainacan-icon::before {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label .tainacan-icon::before,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label .tainacan-icon::before {
font-size: 1.75em;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label:hover, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label:hover {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label:hover,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label:hover {
opacity: 1.0;
border-bottom: 1px solid var(--formBorderInitialColor, #e0e5eb);
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses input, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion input {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses input,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion input {
position: absolute;
opacity: 0;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses input:checked + label, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion input:checked + label {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses input:checked + label,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion input:checked + label {
opacity: 1.0;
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses input:checked + label .tainacan-icon, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion input:checked + label .tainacan-icon {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses input:checked + label .tainacan-icon,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion input:checked + label .tainacan-icon {
transform: rotate(90deg);
}
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses input:checked + label + .tainacan-item-section, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion input:checked + label + .tainacan-item-section {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses input:checked + label + .tainacan-item-section,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion input:checked + label + .tainacan-item-section {
display: block;
}

4
tainacan-blocksy/style.css.map
View File

File diff suppressed because one or more lines are too long

2
tainacan-blocksy/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
tainacan-blocksy/style.min.css.map
View File

File diff suppressed because one or more lines are too long

14
tainacan-blocksy/template-parts/tainacan-item-single-metadata_new.php
View File

@ -87,6 +87,8 @@
'exclude_title' => $exclude_title_metadata
);
echo '<div class="tainacan-item-section tainacan-item-section--metadata-sections">';
if ( $show_default_section_separated ) {
$sections_args = array(
'metadata_sections__in' => [ \Tainacan\Entities\Metadata_Section::$default_section_slug ],
@ -100,9 +102,7 @@
'metadata_list_args' => $metadata_args
);
echo '<div class="tainacan-metadata-sections-container">';
tainacan_the_metadata_sections( $sections_args );
echo '</div>';
}
if ( $section_layout == 'metadata-section-type-2') {
@ -126,7 +126,7 @@
'metadata_list_args' => $metadata_args
);
echo '<div class="tainacan-metadata-sections-container metadata-section-layout--tabs">';
echo '<div class="metadata-section-layout--tabs">';
tainacan_the_metadata_sections( $sections_args );
echo '</div>';
@ -152,7 +152,7 @@
'metadata_list_args' => $metadata_args
);
echo '<div class="tainacan-metadata-sections-container metadata-section-layout--collapses">';
echo '<div class="metadata-section-layout--collapses">';
tainacan_the_metadata_sections( $sections_args );
echo '</div>';
@ -178,7 +178,7 @@
'metadata_list_args' => $metadata_args
);
echo '<div class="tainacan-metadata-sections-container metadata-section-layout--accordion">';
echo '<div class="metadata-section-layout--accordion">';
tainacan_the_metadata_sections( $sections_args );
echo '</div>';
@ -195,8 +195,8 @@
'metadata_list_args' => $metadata_args
);
echo '<div class="tainacan-metadata-sections-container">';
tainacan_the_metadata_sections( $sections_args );
echo '</div>';
}
echo '</div>';
?>