Version 2.6 - Adds initial support to geocoordinate metadata.

src/README.txt

@@ -1,8 +1,8 @@
 === Tainacan Interface ===
 Contributors: andrebenedito, daltonmartins, fabianobn, jacsonp, leogermani, weryques, wetah, eduardohumberto, ravipassos, jessicafpx, marinagiolo, omarceloavila, r-guimaraes
 Requires at least: WordPress 5.0
-Tested up to: WordPress 6.0
+Tested up to: WordPress 6.1
-Version: 2.5
+Version: 2.6
 Requires PHP: 5.6
 Stable tag: trunk
 License: GNU General Public License v3

src/assets/scss/_gutenberg-support.scss

@@ -92,14 +92,20 @@
         padding: .25rem 1.125rem;
         border-color: transparent;
     }
-    &:not(.is-style-outline) .btn.btn-jelly-bean {
+    &:not(.is-style-outline) .btn.btn-jelly-bean,
+    &:not(.is-style-outline) .btn.btn-jelly-bean:hover,
+    &:not(.is-style-outline) .btn.btn-jelly-bean:focus {
         background-color: var(--tainacan-interface--link-color, #298596);
+        color: var(--wp--preset--color--white, #fff);
     }
 }
-.wp-block-button.is-style-outline .btn {
+.wp-block-button.is-style-outline:not(.has-background-color) .btn {
     background: transparent !important;
+}
+.wp-block-button.is-style-outline .btn {
     color: var(--tainacan-interface--link-color, #298596);
     border: 1px solid #555758 !important;
+    padding: .25rem 1.125rem;
 }
 .wp-block-button.aligncenter,
 .wp-block-button.alignleft,
@@ -119,13 +125,13 @@
 }
 
 /* Cover block */
-.wp-block-cover__inner-container>*:where(:not(.alignleft):not(.alignright)) {
+// .wp-block-cover__inner-container>*:where(:not(.alignleft):not(.alignright)) {
-    max-width: 1400px;
+//     max-width: 1400px;
-    margin-left: auto;
+//     margin-left: auto;
-    margin-right: auto;
+//     margin-right: auto;
-    padding: 0 8.3333333333%;
+//     // padding: 0 8.3333333333%;
-    padding: 0 8.3333333333vw;
+//     // padding: 0 8.3333333333vw;
-}
+// }
 
 /* Carousel */
 .wp-block-tainacan-carousel-items-list.alignwide .tainacan-carousel,

src/assets/scss/_single-item-collection.scss

@@ -478,15 +478,18 @@
                 page-break-inside: avoid;
                 break-inside: avoid;
                 display: inline-block;
-                width: 100%;
+                
                 &:last-child {
                     -webkit-column-break-inside: auto;
                     page-break-inside: auto;
                     break-inside: auto;
                     display: inline-block;
-                    width: 100%;
                 }
             }
+            &>div,
+            .tainacan-metadatum {
+                width: 100%;
+            }
             @media only screen and (min-width: 768px) {
                 -moz-column-count: 2;
                 -moz-column-gap: 0;
@@ -500,13 +503,13 @@
             }
             @media only screen and (min-width: 1366px) {
                 -moz-column-count: 3;
-                -moz-column-gap: 7rem;
+                -moz-column-gap: 5rem;
                 -moz-column-rule: none;
                 -webkit-column-count: 3;
-                -webkit-column-gap: 7rem;
+                -webkit-column-gap: 5rem;
                 -webkit-column-rule: none;
                 column-count: 3;
-                column-gap: 7rem;
+                column-gap: 5rem;
                 column-rule: none;
             }
             h3 {
@@ -552,6 +555,12 @@
             .hierarchy-separator {
                 color: #cbcbcb;  
             }
+            .metadata-type-compound {
+                margin-bottom: 1rem;
+            }
+            .metadata-type-geocoordinate>div {
+                width: 100%;
+            }
             .metadata-type-compound,
             .metadata-type-textarea {
                 .multivalue-separator {

src/assets/scss/style.scss

@@ -4,7 +4,7 @@ Author: Tainacan
 Author URI: https://tainacan.org
 Theme URI: https://tainacan.org/blog/category/tema/
 Description: This is the default theme for the Tainacan project. Use this in conjunction with Tainacan plugin to easily manage and publish you digital collections with a beautiful faceted search interface. Ideal for museums, galleries, libraries and anyone who have a digital repository.
-Version: 2.5
+Version: 2.6
 Tested up to: 6.0
 Requires PHP: 5.6
 License: GNU General Public License v3

src/functions.php

@@ -1,7 +1,7 @@
 <?php
 
 /** Theme version */
-const TAINACAN_INTERFACE_VERSION = '2.5';
+const TAINACAN_INTERFACE_VERSION = '2.6';
 
 /**
  * Setup Theme

src/functions/breadcrumb.php

@@ -15,9 +15,9 @@ function tainacan_interface_the_breadcrumb() {
 	$homeLink = esc_url( home_url() );
 
 	if (is_home() || is_front_page()) {
-		if ($showOnHome == 1) echo '<nav aria-label="breadcrumb" class="d-none d-md-flex mt-3 border-bottom-0 max-large margin-one-column"><a href="' . $homeLink . '">' . $home . '</a></nav>';
+		if ($showOnHome == 1) echo '<nav aria-label="breadcrumb" class="d-none d-md-flex mt-3 border-bottom-0 max-large margin-one-column"><div class="tainacan-interface-breadcrumbs"><a href="' . $homeLink . '">' . $home . '</a></nav>';
 	} else {
-		echo '<nav aria-label="breadcrumb" class="d-md-flex mt-3 mb-3 border-bottom-0 max-large margin-one-column"><a href="' . $homeLink . '">' . $home . '</a>&nbsp;' . $delimiter . '&nbsp;';
+		echo '<nav aria-label="breadcrumb" class="d-md-flex mt-3 mb-3 border-bottom-0 max-large margin-one-column"><div class="tainacan-interface-breadcrumbs"><a href="' . $homeLink . '">' . $home . '</a>&nbsp;' . $delimiter . '&nbsp;';
 
 		if ( is_category() ) {
 			$thisCat = get_category(get_query_var('cat'), false);
@@ -179,6 +179,6 @@ function tainacan_interface_the_breadcrumb() {
 			}
 		}
 
-		echo '</nav>';
+		echo '</div></nav>';
 	}
 } // end tainacan_interface_the_breadcrumb()

src/functions/customizer/tainacan-items-page-collection-banner.php

@@ -29,7 +29,7 @@ if ( !function_exists('tainacan_interface_customize_register_tainacan_items_page
 			$wp_customize->add_setting( 'tainacan_collection_banner_max_height', array(
 				'type' 		 => 'theme_mod',
 				'capability' => 'edit_theme_options',
-				'default' 	 => 624,
+				'default' 	 => 368,
 				'transport'  => 'postMessage',
 				'sanitize_callback'  => 'sanitize_text_field'
 			) );

src/functions/patterns.php

@@ -32,7 +32,7 @@ function tainacan_block_patterns_init() {
                         <!-- /wp:paragraph -->
                 
                         <!-- wp:separator {"opacity":"css","backgroundColor":"default"} -->
-                        <hr class="wp-block-separator has-text-color has-default-color has-css-opacity has-default-background-color has-background"/>
+                        <hr class="wp-block-separator has-text-color has-default-color has-css-opacity has-default-background-color has-background-color"/>
                         <!-- /wp:separator -->
                         
                         <!-- wp:spacer {"height":"32px"} -->
@@ -70,8 +70,8 @@ function tainacan_block_patterns_init() {
                     <p class="has-normal-font-size">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                     <!-- /wp:paragraph -->
 
-                    <!-- wp:paragraph {"align":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"fontSize":"normal"} -->
+                    <!-- wp:paragraph {"align":"right","style":{"color":{"text":"#ffffff"}}} -->
-                        <p class="has-text-align-right has-link-color has-normal-font-size"><a href="/">Veja mais...</a></p>
+						<p class="has-text-align-right has-text-color" style="color:#ffffff"><a href="/"> ' .esc_html__( 'View more...', 'tainacan-interface' ) . '</a></p>
 					<!-- /wp:paragraph -->
                     </div>
                     <!-- /wp:column --></div>
@@ -132,9 +132,7 @@ function tainacan_block_patterns_init() {
 				'content'     => $wp_version >= '5.9'
                     ?  
                     '<!-- wp:cover {"customOverlayColor":"#01295c","align":"full"} -->
-                    <div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#01295c"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"16px"} -->
+                    <div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#01295c"></span><div class="wp-block-cover__inner-container">
-                    <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
-                    <!-- /wp:spacer -->
                     
                     <!-- wp:group {"layout":{"inherit":true}} -->
                     <div class="wp-block-group"><!-- wp:columns {"style":{"color":{"text":"#ffffff"},"spacing":{"blockGap":"4.2%"}}} -->
@@ -200,8 +198,12 @@ function tainacan_block_patterns_init() {
                                     <p class="has-normal-font-size">Sed at orci ex. Nulla pulvinar, lorem vel eleifend maximus, nunc elit porta felis, id placerat orci dui sit amet ligula. Mauris fermentum dui quam, eget blandit ligula vulputate sit amet. Integer aliquet eget urna ac tempor. Nunc viverra faucibus magna ac aliquet. Integer ullamcorper lacinia elit quis gravida. Duis placerat pulvinar arcu nec faucibus. Sed sit amet enim iaculis, facilisis est non, venenatis nibh.</p>
                                     <!-- /wp:paragraph -->
 
-                                    <!-- wp:paragraph {"align":"right","style":{"color":{"text":"#ffffff"}}} -->
+                                    <!-- wp:paragraph {"align":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
-                                    <p class="has-text-align-right has-text-color" style="color:#ffffff"><a href="/"> ' .esc_html__( 'View more...', 'tainacan-interface' ) . '</a></p>
+                                    <p class="has-text-align-right has-white-color has-text-color has-link-color">
+                                        <p class="has-text-align-right has-text-color" style="color:#ffffff">
+                                            <a href="/">' .esc_html__( 'View more...', 'tainacan-interface' ) . '</a>
+                                        </p>
+                                    </p>
                                     <!-- /wp:paragraph -->
                                 </div>
                                 <!-- /wp:column -->

src/template-parts/headercollection.php

@@ -25,7 +25,7 @@ echo '</style>';
 
 <?php if ( get_header_image_tag() ) : ?>
 	<div class="page-header header-filter page-height page-header--image-full">
-		<?php echo get_header_image_tag(array( "style" => "max-height: " . get_theme_mod('tainacan_collection_banner_max_height', 624 ) . 'px;' )) ?>
+		<?php echo get_header_image_tag(array( "style" => "max-height: " . get_theme_mod('tainacan_collection_banner_max_height', 368 ) . 'px;' )) ?>
 <?php elseif ( get_header_image() ) : ?>
 	<div class="page-header header-filter page-height page-header--image-full">
 		<img class="page-header__image" src="<?php header_image(); ?>" alt="">

src/template-parts/single-items-related-items.php

@@ -18,6 +18,8 @@ if ( function_exists('tainacan_the_related_items_carousel') && get_theme_mod('ta
                     // 'collection_heading_class_name' => 'title-content-items',
                     'items_list_layout' => get_theme_mod( 'tainacan_single_item_related_items_layout', 'carousel' ),
                     'collection_heading_tag' => 'h3',
+                    'order' => 'asc',
+                    'ordeby' => 'title',
                     'dynamic_items_args' => [
                         'max_columns_count' => get_theme_mod('tainacan_single_item_related_items_max_columns_count', 4)
                     ],