Fixes hierarchy issue with new metadata sections classes.
This commit is contained in:
parent
f3869b9155
commit
2ab0c3184b
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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>';
|
||||
?>
|
||||
|
|
Loading…
Reference in New Issue