Respects Blocksys setttings for button and fields border-radius.

This commit is contained in:
mateuswetah 2023-11-17 11:43:20 -03:00
parent 8065679729
commit 2607db57ea
6 changed files with 43 additions and 21 deletions

View File

@ -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

View File

@ -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);
}
}
}

View File

@ -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"],

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