Respects Blocksys setttings for button and fields border-radius.

tainacan-blocksy/README.txt

@@ -64,7 +64,8 @@ License details: https://github.com/tainacan/blocksy-tainacan/blob/master/LICENS
 * Adds container size option to all Items list templates
 * Adds thumbnail carousel positioning option for item single gallery (requires Tainacan 0.20.5)
 * Adds inner spacing option for media gallery on item single gallery
-* More improvements to compatibility with Blcoksy 2.0.0
+* Uses Blocksy's button min-height, button border radius and input border radius settings on the items lists
+* More improvements to compatibility with Blocksy 2.0.0
 * Improves post navigation markup to use latest filters
 * Bug fix: label "Document" and "Documents" not displaying in the correct situations
 * Bug fix: translation issues in breadcrumbs

tainacan-blocksy/sass/tainacan-item-archive.scss

@@ -2,19 +2,12 @@
 .theme-items-list {
     --tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
     --tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
-//    --tainacan-secondary: var(--theme-palette-color-1, #3eaf7c);
-//    --tainacan-primary: var(--theme-form-field-border-initial-color, #e0e5eb);
-//    --tainacan-background-color: var(--backgroundColor, #f8f9fb);
-//--tainacan-item-background-color: var(--cardBackground, white);
     --tainacan-item-hover-background-color: var(--tainacan-item-background-color, white);
     --tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);
-//    --tainacan-input-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
-//    --tainacan-input-background-color: var(--theme-form-field-background-initial-color, white);
     --tainacan-input-border-color: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
-//    --tainacan-heading-color: var(--theme-heading-color, var(--theme-heading-color, rgba(44, 62, 80, 1)));
-//    --tainacan-label-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
-//    --tainacan-info-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
     --tainacan-skeleton-color: var(--tainacan-item-background-color, white);
+    --tainacan-input-border-radius: var(--theme-form-field-border-radius, var(--form-field-border-radius, 3px));
+    --tainacan-button-border-radius: var(--theme-button-border-radius, var(--button-border-radius, 5px));
     
     &:not(.is-fullscreen) {
         justify-content: center;
@@ -231,6 +224,9 @@
         border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) !important;
         border: 1px solid var(--tainacan-input-border-color);
     }
+    .tainacan-form.tainacan-dialog footer .button {
+        min-height: var(--theme-button-min-height, 40px);
+    }
 }
 
 .entry-content:not(.ct-container) .theme-items-list:not(.is-fullscreen) {
@@ -269,7 +265,8 @@
 body:not(.tainacan-admin-page) {
 
     .tooltip,
-    .tainacan-modal-content {
+    .tainacan-modal-content,
+    .tainacan-dialog {
         --tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
         --tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
         --tainacan-secondary: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
@@ -281,9 +278,12 @@ body:not(.tainacan-admin-page) {
         --tainacan-label-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
         --tainacan-info-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
         --tainacan-heading-color: var(--theme-heading-color, var(--theme-heading-color, rgba(44, 62, 80, 1)));
+        --tainacan-input-border-radius: var(--theme-form-field-border-radius, var(--form-field-border-radius, 3px));
+        --tainacan-button-border-radius: var(--theme-button-border-radius, var(--button-border-radius, 5px));
     }
 
-    .tainacan-modal-content {
+    .tainacan-modal-content,
+    .tainacan-dialog {
         border-radius: var(--theme-border-radius, var(--borderRadius, 6px));
 
         .tainacan-modal-title {
@@ -297,6 +297,9 @@ body:not(.tainacan-admin-page) {
         .modal-card-body {
             background-color: var(--tainacan-item-background-color, white);
         }
+        footer .button {
+            min-height: var(--theme-button-min-height, 40px);
+        }
     }
 }
 

tainacan-blocksy/style.css

@@ -27,6 +27,8 @@
   --tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);
   --tainacan-input-border-color: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
   --tainacan-skeleton-color: var(--tainacan-item-background-color, white);
+  --tainacan-input-border-radius: var(--theme-form-field-border-radius, var(--form-field-border-radius, 3px));
+  --tainacan-button-border-radius: var(--theme-button-border-radius, var(--button-border-radius, 5px));
   /* Search control */
   /* Advanced Search */
   /* Filters panel */
@@ -263,6 +265,10 @@
   border: 1px solid var(--tainacan-input-border-color);
 }
 
+.theme-items-list .tainacan-form.tainacan-dialog footer .button {
+  min-height: var(--theme-button-min-height, 40px);
+}
+
 .entry-content:not(.ct-container) .theme-items-list:not(.is-fullscreen) {
   padding: 6px 18px;
 }
@@ -294,7 +300,8 @@
 
 /* Tooltips and Modals are outside of the items list div */
 body:not(.tainacan-admin-page) .tooltip,
-body:not(.tainacan-admin-page) .tainacan-modal-content {
+body:not(.tainacan-admin-page) .tainacan-modal-content,
+body:not(.tainacan-admin-page) .tainacan-dialog {
   --tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
   --tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
   --tainacan-secondary: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
@@ -306,24 +313,35 @@ body:not(.tainacan-admin-page) .tainacan-modal-content {
   --tainacan-label-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
   --tainacan-info-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
   --tainacan-heading-color: var(--theme-heading-color, var(--theme-heading-color, rgba(44, 62, 80, 1)));
+  --tainacan-input-border-radius: var(--theme-form-field-border-radius, var(--form-field-border-radius, 3px));
+  --tainacan-button-border-radius: var(--theme-button-border-radius, var(--button-border-radius, 5px));
 }
 
-body:not(.tainacan-admin-page) .tainacan-modal-content {
+body:not(.tainacan-admin-page) .tainacan-modal-content,
+body:not(.tainacan-admin-page) .tainacan-dialog {
   border-radius: var(--theme-border-radius, var(--borderRadius, 6px));
 }
 
-body:not(.tainacan-admin-page) .tainacan-modal-content .tainacan-modal-title hr {
+body:not(.tainacan-admin-page) .tainacan-modal-content .tainacan-modal-title hr,
+body:not(.tainacan-admin-page) .tainacan-dialog .tainacan-modal-title hr {
   display: none;
 }
 
-body:not(.tainacan-admin-page) .tainacan-modal-content .tabs li {
+body:not(.tainacan-admin-page) .tainacan-modal-content .tabs li,
+body:not(.tainacan-admin-page) .tainacan-dialog .tabs li {
   margin-bottom: 0px;
 }
 
-body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
+body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body,
+body:not(.tainacan-admin-page) .tainacan-dialog .modal-card-body {
   background-color: var(--tainacan-item-background-color, white);
 }
 
+body:not(.tainacan-admin-page) .tainacan-modal-content footer .button,
+body:not(.tainacan-admin-page) .tainacan-dialog footer .button {
+  min-height: var(--theme-button-min-height, 40px);
+}
+
 /* Collection Items List */
 body[class*=' post-type-archive-tnc_col_'] .hero-section[data-type="type-1"],
 body[class*=' tax-tnc_'] .hero-section[data-type="type-1"],