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

Couple fixes to how the metadata appear inside sections.

This commit is contained in:
mateuswetah 2022-05-12 12:27:34 -03:00
parent 1e69ddc2ac
commit de76ea0a11
6 changed files with 24 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -281,7 +281,7 @@
}
&.metadata-type-2 {
&>div {
.tainacan-item-section__metadatum {
display: flex;
flex-wrap: nowrap;
@ -472,8 +472,7 @@
border-bottom: 3px solid transparent;
transition: border-bottom 0.2s ease;
h1,h2,h3,h4 {
font-size: 1.0rem !important;
.tainacan-single-item-section {
margin: 0.75rem 1.5rem;
}
@ -522,7 +521,7 @@
border-bottom: 1px solid var(--formBorderInitialColor, #e0e5eb);
transition: opacity 0.2s ease;
h1,h2,h3,h4 {
.tainacan-single-item-section {
margin: 0.75rem;
}
.tainacan-icon {

19
tainacan-blocksy/style.css
View File

@ -459,7 +459,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
}
.tainacan-item-single-page .tainacan-item-single h2:not(.tainacan-single-item-section) {
--fontSize: 24px;
--fontSize: 22px;
}
.tainacan-item-single-page .tainacan-item-single h3:not(.tainacan-metadata-label) {
@ -670,31 +670,31 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
margin: 0.5em 0 0.5em 40px;
}
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 > div {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 .tainacan-item-section__metadatum {
display: flex;
flex-wrap: nowrap;
}
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 > div .tainacan-metadata-label {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 .tainacan-item-section__metadatum .tainacan-metadata-label {
flex-basis: 40%;
margin-bottom: .75rem;
border-right: var(--metadata-label-border, 0px solid rgba(125, 125, 125, 0.5));
}
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 > div .tainacan-metadata-value {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 .tainacan-item-section__metadatum .tainacan-metadata-value {
flex-basis: 60%;
padding-left: 1rem;
}
@media only screen and (max-width: 767px) {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 > div {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 .tainacan-item-section__metadatum {
flex-wrap: wrap;
}
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 > div .tainacan-metadata-label {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 .tainacan-item-section__metadatum .tainacan-metadata-label {
flex-basis: 100%;
margin-bottom: 0.25rem;
}
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 > div .tainacan-metadata-value {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata.metadata-type-2 .tainacan-item-section__metadatum .tainacan-metadata-value {
flex-basis: 100%;
padding-left: 0;
}
@ -858,8 +858,7 @@ 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 h1, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label h2, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label h3, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label h4 {
font-size: 1.0rem !important;
.tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--tabs label .tainacan-single-item-section {
margin: 0.75rem 1.5rem;
}
@ -913,7 +912,7 @@ 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 h1, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label h2, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label h3, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--collapses label h4, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label h1, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label h2, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label h3, .tainacan-item-single-page .tainacan-metadata-sections-container.metadata-section-layout--accordion label h4 {
.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 {
margin: 0.75rem;
}

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

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

@ -69,6 +69,8 @@
$metadata_args = array(
'display_slug_as_class' => true,
'before' => '<div class="tainacan-item-section__metadatum metadata-type-$type" id="$id">',
'after' => '</div>',
'before_title' => '<h3 class="tainacan-metadata-label">',
'after_title' => '</h3>',
'before_value' => '<p class="tainacan-metadata-value">',
@ -94,15 +96,8 @@
'after_name' => '</h2>
</label>',
'before_metadata_list' => '<section class="tainacan-item-section tainacan-item-section--metadata">' .do_action( 'tainacan-blocksy-single-item-metadata-begin' ). '
<div class="tainacan-item-section__metadata ' . get_theme_mod($prefix . '_metadata_list_structure_type', 'metadata-type-1') . '" aria-labelledby="metadata-section-$slug">
<div class="single-item-collection--information justify-content-center">
<div class="row">
<div class="col s-item-collection--metadata">',
'after_metadata_list' => '
</div>
</div>
</div>
</div>' . do_action( 'tainacan-blocksy-single-item-metadata-end' ) . '</section>',
<div class="tainacan-item-section__metadata ' . get_theme_mod($prefix . '_metadata_list_structure_type', 'metadata-type-1') . '" aria-labelledby="metadata-section-$slug">',
'after_metadata_list' => '</div>' . do_action( 'tainacan-blocksy-single-item-metadata-end' ) . '</section>',
'metadata_list_args' => $metadata_args
);
@ -126,15 +121,8 @@
'after_name' => '</h2>
</label>',
'before_metadata_list' => '<section class="tainacan-item-section tainacan-item-section--metadata">' .do_action( 'tainacan-blocksy-single-item-metadata-begin' ). '
<div class="tainacan-item-section__metadata ' . get_theme_mod($prefix . '_metadata_list_structure_type', 'metadata-type-1') . '" aria-labelledby="metadata-section-$slug">
<div class="single-item-collection--information justify-content-center">
<div class="row">
<div class="col s-item-collection--metadata">',
'after_metadata_list' => '
</div>
</div>
</div>
</div>' . do_action( 'tainacan-blocksy-single-item-metadata-end' ) . '</section>',
<div class="tainacan-item-section__metadata ' . get_theme_mod($prefix . '_metadata_list_structure_type', 'metadata-type-1') . '" aria-labelledby="metadata-section-$slug">',
'after_metadata_list' => '</div>' . do_action( 'tainacan-blocksy-single-item-metadata-end' ) . '</section>',
'metadata_list_args' => $metadata_args
);
@ -158,15 +146,8 @@
'after_name' => '</h2>
</label>',
'before_metadata_list' => '<section class="tainacan-item-section tainacan-item-section--metadata">' .do_action( 'tainacan-blocksy-single-item-metadata-begin' ). '
<div class="tainacan-item-section__metadata ' . get_theme_mod($prefix . '_metadata_list_structure_type', 'metadata-type-1') . '" aria-labelledby="metadata-section-$slug">
<div class="single-item-collection--information justify-content-center">
<div class="row">
<div class="col s-item-collection--metadata">',
'after_metadata_list' => '
</div>
</div>
</div>
</div>' . do_action( 'tainacan-blocksy-single-item-metadata-end' ) . '</section>',
<div class="tainacan-item-section__metadata ' . get_theme_mod($prefix . '_metadata_list_structure_type', 'metadata-type-1') . '" aria-labelledby="metadata-section-$slug">',
'after_metadata_list' => '</div>' . do_action( 'tainacan-blocksy-single-item-metadata-end' ) . '</section>',
'metadata_list_args' => $metadata_args
);