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

Adds new item page structure type. Creates new options for documents.

This commit is contained in:
mateuswetah 2021-07-06 15:11:01 -03:00
parent 955028ce56
commit d86c882a0a
19 changed files with 961 additions and 345 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
tainacan-blocksy/inc/global.php
View File

@ -56,6 +56,51 @@ blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'unit' => ''
]);
blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.tainacan-media-component', $prefix),
'variableName' => 'document-height',
'value' => get_theme_mod( $prefix . '_document_height', [
'mobile' => '40vh',
'tablet' => '50vh',
'desktop' => '60vh',
]),
'unit' => 'vh',
'defaultUnit' => 'vh',
]);
blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.tainacan-media-component', $prefix),
'variableName' => 'document-width',
'value' => get_theme_mod( $prefix . '_document_width', [
'mobile' => '100%',
'tablet' => '100%',
'desktop' => '100%',
]),
'unit' => '%',
'defaultUnit' => '%',
]);
blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.tainacan-media-component', $prefix),
'variableName' => 'attachments-carousel-width',
'value' => get_theme_mod( $prefix . '_attachments_carousel_width', [
'mobile' => '100%',
'tablet' => '100%',
'desktop' => '100%',
]),
'unit' => '%',
'defaultUnit' => '%',
]);
blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'css' => $css,
'tablet_css' => $tablet_css,
@ -70,13 +115,48 @@ blc_call_fnc(['fnc' => 'blocksy_output_responsive'], [
'unit' => ''
]);
blc_call_fnc(['fnc' => 'blocksy_output_font_css'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.swiper-slide-metadata__name', $prefix),
'font_value' => get_theme_mod($prefix . '_document_name_font',
blocksy_typography_default_values([
'size' => '0.875rem',
'variation' => 'n6',
])
)
]);
blc_call_fnc(['fnc' => 'blocksy_output_font_css'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.swiper-slide-metadata', $prefix),
'selector' => blocksy_prefix_selector('.swiper-slide-metadata__caption', $prefix),
'font_value' => get_theme_mod($prefix . '_document_caption_font',
blocksy_typography_default_values([
'size' => '1rem'
])
)
]);
blc_call_fnc(['fnc' => 'blocksy_output_font_css'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.swiper-slide-metadata__description', $prefix),
'font_value' => get_theme_mod($prefix . '_document_description_font',
blocksy_typography_default_values([
'size' => '1rem'
])
)
]);
blc_call_fnc(['fnc' => 'blocksy_output_font_css'], [
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('.tainacan-item-section__attachments-file .swiper-slide-metadata', $prefix),
'font_value' => get_theme_mod($prefix . '_attachment_label_font',
blocksy_typography_default_values([
'size' => '0.875rem',

22
tainacan-blocksy/inc/options/single-elements/attachments-carousel-width.php Normal file
View File

@ -0,0 +1,22 @@
<?php
if (! isset($prefix)) {
$prefix = '';
}
$options = [
$prefix . 'attachments_carousel_width' => [
'label' => __( 'Maximum width of the area containing the attachments carousel', 'tainacan-blocksy' ),
'type' => 'ct-slider',
'value' => 100,
'min' => 20,
'max' => 100,
'unit' => '%',
'defaultUnit' => '%',
'responsive' => true,
'divider' => 'top',
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix
])
],
];

1
tainacan-blocksy/inc/options/single-elements/attachments-size.php
View File

@ -21,7 +21,6 @@ $options = [
]
]),
'responsive' => true,
'divider' => 'bottom',
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix
])

55
tainacan-blocksy/inc/options/single-elements/document-attachments-colors.php Normal file
View File

@ -0,0 +1,55 @@
<?php
if (! isset($prefix)) {
$prefix = '';
}
$options = [
blocksy_rand_md5() => [
'type' => 'ct-condition',
'condition' => [
$prefix . 'page_structure_type' => 'type-gtm'
],
'options' => [
$prefix . 'document_attachments_colors' => [
'label' => __( 'Color palette for the media above title', 'tainacan-blocksy' ),
'type' => 'ct-color-palettes-picker',
'design' => 'block',
'predefined' => true,
'wrapperAttr' => [
'data-type' => 'color-palette',
'data-label' => 'media-component-colors'
],
'value' => [
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ],
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ],
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ],
'current_palette' => 'palette-1',
'palettes' => [
[
'id' => 'palette-1',
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ],
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ],
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ],
],
[
'id' => 'palette-2',
'color1' => [ 'color' => 'var(--paletteColor3, #415161)' ],
'color2' => [ 'color' => 'var(--paletteColor7, #f8f9fb)' ],
'color3' => [ 'color' => 'var(--paletteColor2, #33a370)' ],
],
]
],
'sync' => '',
]
]
],
];

18
tainacan-blocksy/inc/options/single-elements/document-attachments.php
View File

@ -14,7 +14,6 @@ $options = [
'prefix' => $prefix,
]),
'inner-options' => [
blocksy_rand_md5() => [
'title' => __( 'General', 'blocksy' ),
'type' => 'tab',
@ -53,11 +52,26 @@ $options = [
'title' => __( 'Design', 'blocksy' ),
'type' => 'tab',
'options' => [
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/attachments-typography.php', [
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/document-attachments-colors.php', [
'prefix' => $prefix
], false),
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/document-height.php', [
'prefix' => $prefix
], false),
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/document-width.php', [
'prefix' => $prefix
], false),
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/attachments-carousel-width.php', [
'prefix' => $prefix
], false),
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/document-typography.php', [
'prefix' => $prefix
], false),
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/attachments-size.php', [
'prefix' => $prefix
], false),
blocksy_get_options(TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/options/single-elements/attachments-typography.php', [
'prefix' => $prefix
], false)
],
]

21
tainacan-blocksy/inc/options/single-elements/document-height.php Normal file
View File

@ -0,0 +1,21 @@
<?php
if (! isset($prefix)) {
$prefix = '';
}
$options = [
$prefix . 'document_height' => [
'label' => __( 'Document max height main slider', 'tainacan-blocksy' ),
'type' => 'ct-slider',
'value' => 60,
'min' => 10,
'max' => 140,
'unit' => 'vh',
'defaultUnit' => 'vh',
'responsive' => true,
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix
])
],
];

39
tainacan-blocksy/inc/options/single-elements/document-typography.php Normal file
View File

@ -0,0 +1,39 @@
<?php
if (! isset($prefix)) {
$prefix = '';
}
$options = [
$prefix . 'document_caption_font' => [
'type' => 'ct-typography',
'label' => __( 'Document caption on main slider', 'tainacan-blocksy' ),
'value' => blocksy_typography_default_values([
'size' => '0.875rem'
]),
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix
])
],
$prefix . 'document_name_font' => [
'type' => 'ct-typography',
'label' => __( 'Document name on main slider', 'tainacan-blocksy' ),
'value' => blocksy_typography_default_values([
'size' => '1rem',
'variation' => 'n6',
]),
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix
])
],
$prefix . 'document_description_font' => [
'type' => 'ct-typography',
'label' => __( 'Document description on main slider', 'tainacan-blocksy' ),
'value' => blocksy_typography_default_values([
'size' => '1rem'
]),
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix
])
]
];

21
tainacan-blocksy/inc/options/single-elements/document-width.php Normal file
View File

@ -0,0 +1,21 @@
<?php
if (! isset($prefix)) {
$prefix = '';
}
$options = [
$prefix . 'document_width' => [
'label' => __( 'Maximum width of the main document slider', 'tainacan-blocksy' ),
'type' => 'ct-slider',
'value' => 100,
'min' => 20,
'max' => 100,
'unit' => '%',
'defaultUnit' => '%',
'responsive' => true,
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix
])
],
];

14
tainacan-blocksy/inc/options/single-elements/section-labels.php
View File

@ -53,7 +53,8 @@ $options = [
blocksy_rand_md5() => [
'type' => 'ct-condition',
'condition' => [
$prefix . 'document_attachments_structure' => 'gallery-type-1'
$prefix . 'document_attachments_structure' => 'gallery-type-1',
$prefix . 'page_structure_type' => 'type-dam | type-dma | type-mda | type-gm | type mg',
],
'options' => [
$prefix . 'section_document_label' => [
@ -66,6 +67,14 @@ $options = [
'prefix' => $prefix
])
],
]
],
blocksy_rand_md5() => [
'type' => 'ct-condition',
'condition' => [
$prefix . 'document_attachments_structure' => 'gallery-type-1'
],
'options' => [
$prefix . 'section_attachments_label' => [
'label' => __( 'Label for the "Attachments" section', 'tainacan-blocksy' ),
'desc' => __( 'Leave it blank for not displaying any label.', 'tainacan-blocksy' ),
@ -81,7 +90,8 @@ $options = [
blocksy_rand_md5() => [
'type' => 'ct-condition',
'condition' => [
$prefix . 'document_attachments_structure' => 'gallery-type-1'
$prefix . 'document_attachments_structure' => 'gallery-type-1',
$prefix . 'page_structure_type' => 'type-dam | type-dma | type-mda | type-gm | type mg'
],
'options' => [
$prefix . 'section_documents_label' => [

5
tainacan-blocksy/inc/options/single-elements/tainacan-single-structure.php
View File

@ -38,6 +38,11 @@ $options = [
'src' => tainacan_blocksy_image_picker_url( 'type-mg.svg' ),
'title' => __( 'Metadata to the left', 'tainacan-blocksy' ),
],
'type-gtm' => [
'src' => tainacan_blocksy_image_picker_url( 'type-gtm.svg' ),
'title' => __( 'Document and Attachments above Title', 'tainacan-blocksy' ),
],
],
'sync' => blocksy_sync_single_post_container([
'prefix' => $prefix

18
tainacan-blocksy/inc/plugin.php
View File

@ -50,4 +50,22 @@ if ( !function_exists('tainacan_blocksy_update_extensions_paths') ) {
}
add_filter( 'blocksy_extensions_paths', 'tainacan_blocksy_update_extensions_paths');
/**
* Adds extra class to help styling tainacan single items templates.
*/
if ( !function_exists('tainacan_blocksy_post_class') ) {
function tainacan_blocksy_post_class($classes) {
$collections_post_types = \Tainacan\Repositories\Repository::get_collections_db_identifiers();
$current_post_type = get_post_type();
if (in_array($current_post_type, $collections_post_types)) {
$classes[] = 'tainacan-item-single-page';
}
return $classes;
}
}
add_filter('post_class', 'tainacan_blocksy_post_class');
?>

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

@ -1,97 +1,241 @@
/* Single Item Page */
.tainacan-item-single {
// Overall page layout structure -------------------
@include display-grid;
align-items: start;
grid-column-gap: 48px;
column-gap: 48px;
.tainacan-item-single-page {
// Default spacing and alignment, when inside grid.
.tainacan-item-section {
max-width: var(--block-max-width);
align-self: flex-start;
align-self: start;
margin-bottom: 2.25rem;
}
.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-single--layout-type-dam {
grid-template-areas:
'document'
'attachments'
'metadata';
grid-template-columns: 100%;
}
&.tainacan-item-single--layout-type-dma {
grid-template-areas:
'document'
'metadata'
'attachments';
grid-template-columns: 100%;
}
&.tainacan-item-single--layout-type-mda {
grid-template-areas:
'metadata'
'document'
'attachments';
grid-template-columns: 100%;
}
&.tainacan-item-single--layout-type-mg {
grid-template-areas:
'metadata document'
'metadata attachments'
'metadata .';
grid-template-columns: 60% 40%;
.tainacan-item-single {
@media only screen and (max-width: 960px) {
// Overall page layout structure -------------------
@include display-grid;
align-items: start;
grid-column-gap: 48px;
column-gap: 48px;
.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-single--layout-type-dam {
grid-template-areas:
'metadata'
'document'
'attachments';
grid-template-columns: 100% !important;
'document'
'attachments'
'metadata';
grid-template-columns: 100%;
}
}
&.tainacan-item-single--layout-type-gm {
grid-template-areas:
'document metadata'
'attachments metadata'
'. metadata';
grid-template-columns: 60% 40%;
@media only screen and (max-width: 960px) {
&.tainacan-item-single--layout-type-dma {
grid-template-areas:
'document'
'attachments'
'metadata';
grid-template-columns: 100% !important;
'document'
'metadata'
'attachments';
grid-template-columns: 100%;
}
}
&.tainacan-item-single--layout-type-mda {
grid-template-areas:
'metadata'
'document'
'attachments';
grid-template-columns: 100%;
}
&.tainacan-item-single--layout-type-mg {
grid-template-areas:
'metadata document'
'metadata attachments'
'metadata .';
grid-template-columns: 60% 40%;
// Headings and spacing ----------------------------
h1 {
--fontSize: 30px;
}
h2 {
--fontSize: 24px;
}
h3 {
--fontSize: 20px;
}
h4 {
--fontSize: 18px;
}
h5 {
--fontSize: 16px;
}
h6 {
--fontSize: 14px;
}
.tainacan-single-item-section {
text-align: var(--section-alignment, left);
@media only screen and (max-width: 960px) {
grid-template-areas:
'metadata'
'document'
'attachments';
grid-template-columns: 100% !important;
}
}
&.tainacan-item-single--layout-type-gm {
grid-template-areas:
'document metadata'
'attachments metadata'
'. metadata';
grid-template-columns: 60% 40%;
@media only screen and (max-width: 960px) {
grid-template-areas:
'document'
'attachments'
'metadata';
grid-template-columns: 100% !important;
}
}
&.tainacan-item-single--layout-type-gtm {
grid-template-areas:
'metadata';
grid-template-columns: 100%;
}
// Headings and spacing ----------------------------
h1 {
--fontSize: 30px;
}
h2 {
--fontSize: 24px;
}
h3 {
--fontSize: 20px;
}
h4 {
--fontSize: 18px;
}
h5 {
--fontSize: 16px;
}
h6 {
--fontSize: 14px;
}
.tainacan-single-item-section {
text-align: var(--section-alignment, left);
}
// Metadata list -------------------------------------
.tainacan-item-section__metadata {
height: 100%;
-moz-column-width: var(--metadata-column-width, 400px);
-webkit-column-width: var(--metadata-column-width, 400px);
column-width: var(--metadata-column-width, 400px);
div {
-webkit-column-break-inside: avoid;
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%;
}
}
@media only screen and (min-width: 768px) {
-moz-column-gap: 0;
-moz-column-rule: none;
-webkit-column-gap: 0;
-webkit-column-rule: none;
column-gap: 4rem;
column-rule: none;
}
@media only screen and (min-width: 1366px) {
-moz-column-gap: 7rem;
-moz-column-rule: none;
-webkit-column-gap: 7rem;
-webkit-column-rule: none;
column-gap: 7rem;
column-rule: none;
}
h3 {
padding-right: 1rem;
margin-bottom: 0.25rem;
width: 100%;
&:first-of-type:last-of-type {
display: inline-block;
}
}
h4,
label {
padding-right: 0.875rem;
width: 100%;
&:first-of-type:last-of-type {
display: inline-block;
}
}
p {
word-wrap: break-word;
}
.tainacan-metadata-label {
text-align: var(--metadata-label-alignment, left);
}
.tainacan-metadata-value {
text-align: var(--metadata-value-alignment, left);
font-family: var(--fontFamily);
font-size: var(--fontSize);
font-weight: var(--fontWeight);
font-style: var(--fontStyle, inherit);
line-height: var(--lineHeight);
letter-spacing: var(--letterSpacing);
text-transform: var(--textTransform);
-webkit-text-decoration: var(--textDecoration);
text-decoration: var(--textDecoration);
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));
}
.tainacan-item-section__metadata-thumbnail img {
border-radius: var(--borderRadius, 3px);
}
// Metadata type textarea has different separator
.multivalue-separator {
color: #cbcbcb;
margin: 0 8px;
}
.hierarchy-separator {
color: #cbcbcb;
}
.metadata-type-compound,
.metadata-type-textarea {
.multivalue-separator {
display: block;
max-height: 1px;
width: 35px;
background: #cbcbcb;
content: none;
color: transparent;
margin: 0.875rem auto;
}
}
.tainacan-compound-group {
padding-left: 1.5rem;
border-left: 1px solid #e0e5eb;
}
&.metadata-type-2 {
&>div {
display: flex;
flex-wrap: nowrap;
.tainacan-metadata-label {
flex-basis: 40%;
margin-bottom: .75rem;
border-right: var(--metadata-label-border, 0px solid rgba(125, 125, 125, 0.5));
}
.tainacan-metadata-value {
flex-basis: 60%;
padding-left: 1rem;
}
@media only screen and (max-width: 767px) {
flex-wrap: wrap;
.tainacan-metadata-label {
flex-basis: 100%;
margin-bottom: 0.25rem;
}
.tainacan-metadata-value {
flex-basis: 100%;
padding-left: 0;
}
}
}
}
}
}
// Tainacan Media Component (attachments gallery)
@ -100,11 +244,26 @@
--swiper-navigation-color: var(--paletteColor1, #3eaf7c);
--swiper-navigation-size: 2.5rem;
--tainacan-media-background: var(--background-color, #ffffff);
--tainacan-media-main-carousel-height: 60vh;
--tainacan-media-main-carousel-width: 100%;
--tainacan-media-thumbs-carousel-width: 100%;
--tainacan-media-thumbs-carousel-item-size: var(--attachments-size,140px);
--tainacan-media-main-carousel-height: var(--document-height, 60vh);
--tainacan-media-main-carousel-width: var(--document-width, 100%);
--tainacan-media-thumbs-carousel-width: var(--attachments-carousel-width, 100%);
--tainacan-media-thumbs-carousel-item-size: var(--attachments-size, 140px);
.tainacan-media-component__swiper-main {
.swiper-slide-metadata__name,
.swiper-slide-metadata__caption,
.swiper-slide-metadata__description {
font-family: var(--fontFamily);
font-size: var(--fontSize);
font-weight: var(--fontWeight);
font-style: var(--fontStyle, inherit);
line-height: var(--lineHeight);
letter-spacing: var(--letterSpacing);
text-transform: var(--textTransform);
-webkit-text-decoration: var(--textDecoration);
text-decoration: var(--textDecoration);
}
}
.tainacan-media-component__swiper-thumbs {
font-weight: normal;
transition: font-weight 0.3s ease;
@ -132,137 +291,25 @@
}
}
// Metadata list -------------------------------------
.tainacan-item-section__metadata {
height: 100%;
-moz-column-width: var(--metadata-column-width, 400px);
-webkit-column-width: var(--metadata-column-width, 400px);
column-width: var(--metadata-column-width, 400px);
// Tainacan Gallery above title
.tainacan-gallery-above-title {
background-color: var(--tainacan-media-background-color, var(--paletteColor6));
margin-top: calc(-1 * var(--content-vertical-spacing));
margin-bottom: var(--content-vertical-spacing);
margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
margin-right: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
padding-top: calc(var(--content-vertical-spacing)/2);
padding-bottom: calc(var(--content-vertical-spacing)/2);
div {
-webkit-column-break-inside: avoid;
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%;
}
.tainacan-media-component {
--tainacan-media-background: var(--tainacan-media-background-color, var(--paletteColor6));
--swiper-navigation-color: var(--tainacan-media-accent-color, --paletteColor1);
--swiper-theme-color: var(--tainacan-media-accent-color, --paletteColor1);
--tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color);
--tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color);
}
@media only screen and (min-width: 768px) {
-moz-column-gap: 0;
-moz-column-rule: none;
-webkit-column-gap: 0;
-webkit-column-rule: none;
column-gap: 4rem;
column-rule: none;
}
@media only screen and (min-width: 1366px) {
-moz-column-gap: 7rem;
-moz-column-rule: none;
-webkit-column-gap: 7rem;
-webkit-column-rule: none;
column-gap: 7rem;
column-rule: none;
}
h3 {
padding-right: 1rem;
margin-bottom: 0.25rem;
width: 100%;
&:first-of-type:last-of-type {
display: inline-block;
}
}
h4,
label {
padding-right: 0.875rem;
width: 100%;
&:first-of-type:last-of-type {
display: inline-block;
}
}
p {
word-wrap: break-word;
}
.tainacan-metadata-label {
text-align: var(--metadata-label-alignment, left);
}
.tainacan-metadata-value {
text-align: var(--metadata-value-alignment, left);
font-family: var(--fontFamily);
font-size: var(--fontSize);
font-weight: var(--fontWeight);
font-style: var(--fontStyle, inherit);
line-height: var(--lineHeight);
letter-spacing: var(--letterSpacing);
text-transform: var(--textTransform);
-webkit-text-decoration: var(--textDecoration);
text-decoration: var(--textDecoration);
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));
}
.tainacan-item-section__metadata-thumbnail img {
border-radius: var(--borderRadius, 3px);
}
// Metadata type textarea has different separator
.multivalue-separator {
color: #cbcbcb;
margin: 0 8px;
}
.hierarchy-separator {
color: #cbcbcb;
}
.metadata-type-compound,
.metadata-type-textarea {
.multivalue-separator {
display: block;
max-height: 1px;
width: 35px;
background: #cbcbcb;
content: none;
color: transparent;
margin: 0.875rem auto;
}
}
.tainacan-compound-group {
padding-left: 1.5rem;
border-left: 1px solid #e0e5eb;
}
&.metadata-type-2 {
&>div {
display: flex;
flex-wrap: nowrap;
.tainacan-metadata-label {
flex-basis: 40%;
margin-bottom: .75rem;
border-right: var(--metadata-label-border, 0px solid rgba(125, 125, 125, 0.5));
}
.tainacan-metadata-value {
flex-basis: 60%;
padding-left: 1rem;
}
@media only screen and (max-width: 767px) {
flex-wrap: wrap;
.tainacan-metadata-label {
flex-basis: 100%;
margin-bottom: 0.25rem;
}
.tainacan-metadata-value {
flex-basis: 100%;
padding-left: 0;
}
}
}
.tainacan-item-section {
margin: 0 auto;
}
}

154
tainacan-blocksy/static/images/type-gtm.svg Normal file
View File

@ -0,0 +1,154 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
viewBox="0 0 100 70"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<metadata
id="metadata15">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs13" />
<style
id="style2">.st2{fill:#e6e7e8}</style>
<path
id="path4"
fill="#fff"
d="M13 73.5c-1.4 0-2.5-1.1-2.5-2.5V13c0-1.4 1.1-2.5 2.5-2.5h74c1.4 0 2.5 1.1 2.5 2.5v58c0 1.4-1.1 2.5-2.5 2.5H13z" />
<path
id="path6"
fill="#565d66"
d="M87 11c1.1 0 2 .9 2 2v58c0 1.1-.9 2-2 2H13c-1.1 0-2-.9-2-2V13c0-1.1.9-2 2-2h74m0-1H13c-1.7 0-3 1.3-3 3v58c0 1.7 1.3 3 3 3h74c1.6 0 3-1.3 3-3V13c0-1.7-1.4-3-3-3z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.639801"
id="path875"
d="M 64.148694,32.578236 H 35.82834 c -0.154475,0 -0.257459,-0.158994 -0.257459,-0.397485 V 15.486309 c 0,-0.238492 0.102985,-0.397486 0.257459,-0.397486 h 28.320354 c 0.154475,0 0.257459,0.158994 0.257459,0.397486 v 16.694442 c 0,0.238491 -0.102985,0.397485 -0.257459,0.397485 z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.383166"
id="path869"
d="m 61.862167,40.970147 h -6.092303 c -0.08959,0 -0.149321,-0.09832 -0.149321,-0.245805 v -5.899335 c 0,-0.147484 0.05973,-0.245805 0.149321,-0.245805 h 6.092303 c 0.08959,0 0.149322,0.09832 0.149322,0.245805 v 5.899335 c 0,0.147483 -0.05973,0.245805 -0.149322,0.245805 z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474"
id="path867"
d="M 77.59211,56 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,55 78,55.2 78,55.5 78,55.8 77.836844,56 77.59211,56 Z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474"
id="path863"
d="M 77.59211,62 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,61 78,61.2 78,61.5 78,61.8 77.836844,62 77.59211,62 Z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474"
id="path861"
d="M 77.59211,65 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,64 78,64.2 78,64.5 78,64.8 77.836844,65 77.59211,65 Z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474"
id="path859"
d="M 77.59211,68 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,67 78,67.2 78,67.5 78,67.8 77.836844,68 77.59211,68 Z" />
<path
d="m 70.471695,40.970147 h -6.092303 c -0.08959,0 -0.149322,-0.09832 -0.149322,-0.245805 v -5.899335 c 0,-0.147484 0.05973,-0.245805 0.149322,-0.245805 h 6.092303 c 0.08959,0 0.149321,0.09832 0.149321,0.245805 v 5.899335 c 0,0.147483 -0.05973,0.245805 -0.149321,0.245805 z"
id="path883"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.383166" />
<path
d="m 53.252639,40.970147 h -6.092303 c -0.08959,0 -0.149322,-0.09832 -0.149322,-0.245805 v -5.899335 c 0,-0.147484 0.05973,-0.245805 0.149322,-0.245805 h 6.092303 c 0.08959,0 0.149322,0.09832 0.149322,0.245805 v 5.899335 c 0,0.147483 -0.05973,0.245805 -0.149322,0.245805 z"
id="path885"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.383166" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.383166"
id="path887"
d="m 44.643111,40.970147 h -6.092304 c -0.08959,0 -0.149321,-0.09832 -0.149321,-0.245805 v -5.899335 c 0,-0.147484 0.05973,-0.245805 0.149321,-0.245805 h 6.092304 c 0.08959,0 0.149321,0.09832 0.149321,0.245805 v 5.899335 c 0,0.147483 -0.05973,0.245805 -0.149321,0.245805 z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.383166"
id="path891"
d="m 36.033582,40.970147 h -6.092303 c -0.08959,0 -0.149321,-0.09832 -0.149321,-0.245805 v -5.899335 c 0,-0.147484 0.05973,-0.245805 0.149321,-0.245805 h 6.092303 c 0.08959,0 0.149322,0.09832 0.149322,0.245805 v 5.899335 c 0,0.147483 -0.05973,0.245805 -0.149322,0.245805 z" />
<path
d="M 77.59211,56 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,55 78,55.2 78,55.5 78,55.8 77.836844,56 77.59211,56 Z"
id="path893"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
d="m 73.934682,59 h -21.12004 c -0.20911,0 -0.348516,-0.2 -0.348516,-0.5 0,-0.3 0.139406,-0.5 0.348516,-0.5 h 21.12004 c 0.20911,0 0.348516,0.2 0.348516,0.5 0,0.3 -0.139406,0.5 -0.348516,0.5 z"
id="path895"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.83488393" />
<path
d="M 77.59211,62 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,61 78,61.2 78,61.5 78,61.8 77.836844,62 77.59211,62 Z"
id="path897"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
d="M 77.59211,65 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,64 78,64.2 78,64.5 78,64.8 77.836844,65 77.59211,65 Z"
id="path899"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
d="M 77.59211,68 H 52.874016 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 H 77.59211 C 77.836844,67 78,67.2 78,67.5 78,67.8 77.836844,68 77.59211,68 Z"
id="path901"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.83488393"
id="path911"
d="m 73.934682,70.967555 h -21.12004 c -0.20911,0 -0.348516,-0.2 -0.348516,-0.5 0,-0.3 0.139406,-0.5 0.348516,-0.5 h 21.12004 c 0.20911,0 0.348516,0.2 0.348516,0.5 0,0.3 -0.139406,0.5 -0.348516,0.5 z" />
<path
d="m 73.934682,68 h -21.12004 c -0.20911,0 -0.348516,-0.2 -0.348516,-0.5 0,-0.3 0.139406,-0.5 0.348516,-0.5 h 21.12004 c 0.20911,0 0.348516,0.2 0.348516,0.5 0,0.3 -0.139406,0.5 -0.348516,0.5 z"
id="path921"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.83488393" />
<path
d="M 47.538962,59 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z"
id="path941"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
d="M 47.538962,65 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z"
id="path945"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
d="M 47.538962,68 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z"
id="path947"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474"
id="path951"
d="M 47.538962,59 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474"
id="path955"
d="M 47.538962,65 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474"
id="path961"
d="M 47.538962,70.967555 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z" />
<path
d="M 47.538962,70.967555 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z"
id="path963"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.82494754"
id="path965"
d="m 43.373558,56 h -20.62031 c -0.204162,0 -0.34027,-0.2 -0.34027,-0.5 0,-0.3 0.136108,-0.5 0.34027,-0.5 h 20.62031 c 0.204162,0 0.34027,0.2 0.34027,0.5 0,0.3 -0.136108,0.5 -0.34027,0.5 z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.82494754"
id="path969"
d="m 43.373558,62 h -20.62031 c -0.204162,0 -0.34027,-0.2 -0.34027,-0.5 0,-0.3 0.136108,-0.5 0.34027,-0.5 h 20.62031 c 0.204162,0 0.34027,0.2 0.34027,0.5 0,0.3 -0.136108,0.5 -0.34027,0.5 z" />
<path
d="m 43.373558,68 h -20.62031 c -0.204162,0 -0.34027,-0.2 -0.34027,-0.5 0,-0.3 0.136108,-0.5 0.34027,-0.5 h 20.62031 c 0.204162,0 0.34027,0.2 0.34027,0.5 0,0.3 -0.136108,0.5 -0.34027,0.5 z"
id="path983"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.82494754" />
<path
d="M 47.538962,70.967555 H 22.820868 c -0.244734,0 -0.40789,-0.2 -0.40789,-0.5 0,-0.3 0.163156,-0.5 0.40789,-0.5 h 24.718094 c 0.244734,0 0.40789,0.2 0.40789,0.5 0,0.3 -0.163156,0.5 -0.40789,0.5 z"
id="path987"
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.90320474" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:1.44235"
id="path853"
d="m 59.631882,46.914115 h -36.6147 c -0.362523,0 -0.604204,-0.344312 -0.604204,-0.860782 0,-0.51647 0.241681,-0.860783 0.604204,-0.860783 h 36.6147 c 0.362522,0 0.604205,0.344313 0.604205,0.860783 0,0.51647 -0.241683,0.860782 -0.604205,0.860782 z" />
<path
style="fill:#e6e7e8;fill-opacity:1;stroke-width:0.824948"
id="path855"
d="m 43.373558,49.767849 h -20.62031 c -0.204162,0 -0.34027,-0.2 -0.34027,-0.5 0,-0.3 0.136108,-0.5 0.34027,-0.5 h 20.62031 c 0.204162,0 0.34027,0.2 0.34027,0.5 0,0.3 -0.136108,0.5 -0.34027,0.5 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

235
tainacan-blocksy/style.css
View File

@ -353,7 +353,14 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
}
/* Single Item Page */
.tainacan-item-single {
.tainacan-item-single-page .tainacan-item-section {
max-width: var(--block-max-width);
align-self: flex-start;
align-self: start;
margin-bottom: 2.25rem;
}
.tainacan-item-single-page .tainacan-item-single {
flex-wrap: wrap;
display: flex;
display: -ms-grid;
@ -363,138 +370,99 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
column-gap: 48px;
}
.tainacan-item-single .tainacan-item-section {
max-width: var(--block-max-width);
align-self: flex-start;
align-self: start;
margin-bottom: 2.25rem;
}
.tainacan-item-single .tainacan-item-section--document,
.tainacan-item-single .tainacan-item-section--gallery {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section--document,
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section--gallery {
grid-area: document;
}
.tainacan-item-single .tainacan-item-section--attachments {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section--attachments {
grid-area: attachments;
}
.tainacan-item-single .tainacan-item-section--metadata {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section--metadata {
grid-area: metadata;
}
.tainacan-item-single.tainacan-item-single--layout-type-dam {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-dam {
grid-template-areas: 'document' 'attachments' 'metadata';
grid-template-columns: 100%;
}
.tainacan-item-single.tainacan-item-single--layout-type-dma {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-dma {
grid-template-areas: 'document' 'metadata' 'attachments';
grid-template-columns: 100%;
}
.tainacan-item-single.tainacan-item-single--layout-type-mda {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-mda {
grid-template-areas: 'metadata' 'document' 'attachments';
grid-template-columns: 100%;
}
.tainacan-item-single.tainacan-item-single--layout-type-mg {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-mg {
grid-template-areas: 'metadata document' 'metadata attachments' 'metadata .';
grid-template-columns: 60% 40%;
}
@media only screen and (max-width: 960px) {
.tainacan-item-single.tainacan-item-single--layout-type-mg {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-mg {
grid-template-areas: 'metadata' 'document' 'attachments';
grid-template-columns: 100% !important;
}
}
.tainacan-item-single.tainacan-item-single--layout-type-gm {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-gm {
grid-template-areas: 'document metadata' 'attachments metadata' '. metadata';
grid-template-columns: 60% 40%;
}
@media only screen and (max-width: 960px) {
.tainacan-item-single.tainacan-item-single--layout-type-gm {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-gm {
grid-template-areas: 'document' 'attachments' 'metadata';
grid-template-columns: 100% !important;
}
}
.tainacan-item-single h1 {
.tainacan-item-single-page .tainacan-item-single.tainacan-item-single--layout-type-gtm {
grid-template-areas: 'metadata';
grid-template-columns: 100%;
}
.tainacan-item-single-page .tainacan-item-single h1 {
--fontSize: 30px;
}
.tainacan-item-single h2 {
.tainacan-item-single-page .tainacan-item-single h2 {
--fontSize: 24px;
}
.tainacan-item-single h3 {
.tainacan-item-single-page .tainacan-item-single h3 {
--fontSize: 20px;
}
.tainacan-item-single h4 {
.tainacan-item-single-page .tainacan-item-single h4 {
--fontSize: 18px;
}
.tainacan-item-single h5 {
.tainacan-item-single-page .tainacan-item-single h5 {
--fontSize: 16px;
}
.tainacan-item-single h6 {
.tainacan-item-single-page .tainacan-item-single h6 {
--fontSize: 14px;
}
.tainacan-item-single .tainacan-single-item-section {
.tainacan-item-single-page .tainacan-item-single .tainacan-single-item-section {
text-align: var(--section-alignment, left);
}
.tainacan-item-single .tainacan-media-component {
--swiper-theme-color: var(--paletteColor1, #3eaf7c);
--swiper-navigation-color: var(--paletteColor1, #3eaf7c);
--swiper-navigation-size: 2.5rem;
--tainacan-media-background: var(--background-color, #ffffff);
--tainacan-media-main-carousel-height: 60vh;
--tainacan-media-main-carousel-width: 100%;
--tainacan-media-thumbs-carousel-width: 100%;
--tainacan-media-thumbs-carousel-item-size: var(--attachments-size,140px);
}
.tainacan-item-single .tainacan-media-component .tainacan-media-component__swiper-thumbs {
font-weight: normal;
transition: font-weight 0.3s ease;
}
.tainacan-item-single .tainacan-media-component .tainacan-media-component__swiper-thumbs img {
border-radius: var(--borderRadius, 3px);
border-bottom: 4px solid transparent;
margin-bottom: 4px;
transition: border 0.3s ease;
}
.tainacan-item-single .tainacan-media-component .tainacan-media-component__swiper-thumbs .swiper-slide-metadata {
display: block;
margin-top: 0.5rem;
font-family: var(--fontFamily);
font-size: var(--fontSize);
font-weight: var(--fontWeight);
font-style: var(--fontStyle, inherit);
line-height: var(--lineHeight);
letter-spacing: var(--letterSpacing);
text-transform: var(--textTransform);
-webkit-text-decoration: var(--textDecoration);
text-decoration: var(--textDecoration);
}
.tainacan-item-single .tainacan-item-section__metadata {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata {
height: 100%;
-moz-column-width: var(--metadata-column-width, 400px);
-webkit-column-width: var(--metadata-column-width, 400px);
column-width: var(--metadata-column-width, 400px);
}
.tainacan-item-single .tainacan-item-section__metadata div {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata div {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
@ -502,7 +470,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
width: 100%;
}
.tainacan-item-single .tainacan-item-section__metadata div:last-child {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata div:last-child {
-webkit-column-break-inside: auto;
page-break-inside: auto;
break-inside: auto;
@ -511,7 +479,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
}
@media only screen and (min-width: 768px) {
.tainacan-item-single .tainacan-item-section__metadata {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata {
-moz-column-gap: 0;
-moz-column-rule: none;
-webkit-column-gap: 0;
@ -522,7 +490,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
}
@media only screen and (min-width: 1366px) {
.tainacan-item-single .tainacan-item-section__metadata {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata {
-moz-column-gap: 7rem;
-moz-column-rule: none;
-webkit-column-gap: 7rem;
@ -532,36 +500,36 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
}
}
.tainacan-item-single .tainacan-item-section__metadata h3 {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata h3 {
padding-right: 1rem;
margin-bottom: 0.25rem;
width: 100%;
}
.tainacan-item-single .tainacan-item-section__metadata h3:first-of-type:last-of-type {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata h3:first-of-type:last-of-type {
display: inline-block;
}
.tainacan-item-single .tainacan-item-section__metadata h4,
.tainacan-item-single .tainacan-item-section__metadata label {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata h4,
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata label {
padding-right: 0.875rem;
width: 100%;
}
.tainacan-item-single .tainacan-item-section__metadata h4:first-of-type:last-of-type,
.tainacan-item-single .tainacan-item-section__metadata label:first-of-type:last-of-type {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata h4:first-of-type:last-of-type,
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata label:first-of-type:last-of-type {
display: inline-block;
}
.tainacan-item-single .tainacan-item-section__metadata p {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata p {
word-wrap: break-word;
}
.tainacan-item-single .tainacan-item-section__metadata .tainacan-metadata-label {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-metadata-label {
text-align: var(--metadata-label-alignment, left);
}
.tainacan-item-single .tainacan-item-section__metadata .tainacan-metadata-value {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-metadata-value {
text-align: var(--metadata-value-alignment, left);
font-family: var(--fontFamily);
font-size: var(--fontSize);
@ -577,21 +545,21 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));
}
.tainacan-item-single .tainacan-item-section__metadata .tainacan-item-section__metadata-thumbnail img {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-item-section__metadata-thumbnail img {
border-radius: var(--borderRadius, 3px);
}
.tainacan-item-single .tainacan-item-section__metadata .multivalue-separator {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .multivalue-separator {
color: #cbcbcb;
margin: 0 8px;
}
.tainacan-item-single .tainacan-item-section__metadata .hierarchy-separator {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .hierarchy-separator {
color: #cbcbcb;
}
.tainacan-item-single .tainacan-item-section__metadata .metadata-type-compound .multivalue-separator,
.tainacan-item-single .tainacan-item-section__metadata .metadata-type-textarea .multivalue-separator {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .metadata-type-compound .multivalue-separator,
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .metadata-type-textarea .multivalue-separator {
display: block;
max-height: 1px;
width: 35px;
@ -601,42 +569,115 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
margin: 0.875rem auto;
}
.tainacan-item-single .tainacan-item-section__metadata .tainacan-compound-group {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-compound-group {
padding-left: 1.5rem;
border-left: 1px solid #e0e5eb;
}
.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 > div {
display: flex;
flex-wrap: nowrap;
}
.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 > div .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 .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 > div .tainacan-metadata-value {
flex-basis: 60%;
padding-left: 1rem;
}
@media only screen and (max-width: 767px) {
.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 > div {
flex-wrap: wrap;
}
.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 > div .tainacan-metadata-label {
flex-basis: 100%;
margin-bottom: 0.25rem;
}
.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 > div .tainacan-metadata-value {
flex-basis: 100%;
padding-left: 0;
}
}
.tainacan-item-single .tainacan-item-file-download {
.tainacan-item-single-page .tainacan-media-component {
--swiper-theme-color: var(--paletteColor1, #3eaf7c);
--swiper-navigation-color: var(--paletteColor1, #3eaf7c);
--swiper-navigation-size: 2.5rem;
--tainacan-media-background: var(--background-color, #ffffff);
--tainacan-media-main-carousel-height: var(--document-height, 60vh);
--tainacan-media-main-carousel-width: var(--document-width, 100%);
--tainacan-media-thumbs-carousel-width: var(--attachments-carousel-width, 100%);
--tainacan-media-thumbs-carousel-item-size: var(--attachments-size, 140px);
}
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__name,
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__caption,
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__description {
font-family: var(--fontFamily);
font-size: var(--fontSize);
font-weight: var(--fontWeight);
font-style: var(--fontStyle, inherit);
line-height: var(--lineHeight);
letter-spacing: var(--letterSpacing);
text-transform: var(--textTransform);
-webkit-text-decoration: var(--textDecoration);
text-decoration: var(--textDecoration);
}
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs {
font-weight: normal;
transition: font-weight 0.3s ease;
}
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs img {
border-radius: var(--borderRadius, 3px);
border-bottom: 4px solid transparent;
margin-bottom: 4px;
transition: border 0.3s ease;
}
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs .swiper-slide-metadata {
display: block;
margin-top: 0.5rem;
font-family: var(--fontFamily);
font-size: var(--fontSize);
font-weight: var(--fontWeight);
font-style: var(--fontStyle, inherit);
line-height: var(--lineHeight);
letter-spacing: var(--letterSpacing);
text-transform: var(--textTransform);
-webkit-text-decoration: var(--textDecoration);
text-decoration: var(--textDecoration);
}
.tainacan-item-single-page .tainacan-gallery-above-title {
background-color: var(--tainacan-media-background-color, var(--paletteColor6));
margin-top: calc(-1 * var(--content-vertical-spacing));
margin-bottom: var(--content-vertical-spacing);
margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
margin-right: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
padding-top: calc(var(--content-vertical-spacing)/2);
padding-bottom: calc(var(--content-vertical-spacing)/2);
}
.tainacan-item-single-page .tainacan-gallery-above-title .tainacan-media-component {
--tainacan-media-background: var(--tainacan-media-background-color, var(--paletteColor6));
--swiper-navigation-color: var(--tainacan-media-accent-color, --paletteColor1);
--swiper-theme-color: var(--tainacan-media-accent-color, --paletteColor1);
--tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color);
--tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color);
}
.tainacan-item-single-page .tainacan-gallery-above-title .tainacan-item-section {
margin: 0 auto;
}
.tainacan-item-single-page .tainacan-item-file-download {
position: absolute;
opacity: 0;
transform: scale(0);
@ -652,7 +693,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
}
.tainacan-item-single .tainacan-item-file-download a {
.tainacan-item-single-page .tainacan-item-file-download a {
height: 38px;
width: 38px;
display: block;
@ -662,7 +703,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
padding: 0px !important;
}
.tainacan-item-single .tainacan-item-file-download::after {
.tainacan-item-single-page .tainacan-item-file-download::after {
position: relative;
top: -38px;
display: inline-block;
@ -682,18 +723,18 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
align-items: center;
}
.tainacan-item-single .tainacan-item-section__document {
.tainacan-item-single-page .tainacan-item-section__document {
position: relative;
}
.tainacan-item-single .tainacan-item-section__document > .twitter-tweet,
.tainacan-item-single .tainacan-item-section__document > iframe.wp-embedded-content {
.tainacan-item-single-page .tainacan-item-section__document > .twitter-tweet,
.tainacan-item-single-page .tainacan-item-section__document > iframe.wp-embedded-content {
margin-left: auto;
margin-right: auto;
}
.tainacan-item-single .tainacan-media-component__swiper-main:hover .tainacan-item-file-download,
.tainacan-item-single .tainacan-item-section__document:hover .tainacan-item-file-download {
.tainacan-item-single-page .tainacan-media-component__swiper-main:hover .tainacan-item-file-download,
.tainacan-item-single-page .tainacan-item-section__document:hover .tainacan-item-file-download {
opacity: 1;
transform: scale(1);
}

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

60
tainacan-blocksy/tainacan/item-single-page.php
View File

@ -9,10 +9,6 @@
$prefix = blocksy_manager()->screen->get_prefix();
do_action( 'tainacan-blocksy-single-item-top' );
do_action( 'tainacan-blocksy-single-item-after-title' );
$page_structure_type = get_theme_mod( $prefix . '_page_structure_type', 'type-dam');
$template_columns_style = '';
@ -29,15 +25,63 @@ if ($page_structure_type == 'type-gm' || $page_structure_type == 'type-mg') {
$template_columns_style = 'grid-template-columns: ' . $column_metadata_width . '% calc(' . $column_documents_attachments_width . '% - 48px)';
}
}
do_action( 'tainacan-blocksy-single-item-top' );
do_action( 'tainacan-blocksy-single-item-after-title' );
add_action( 'blocksy:single:top', function() use ( $page_structure_type, $prefix ) {
if ($page_structure_type === 'type-gtm') {
$content_style = get_theme_mod($prefix . '_content_style', 'wide');
$extra_classes = '';
if ( is_array($content_style) ) {
if ( isset($content_style['desktop']) )
$extra_classes .= ' has-content-style-' . $content_style['desktop'] . '--desktop';
if ( isset($content_style['tablet']) )
$extra_classes .= ' has-content-style-' . $content_style['tablet'] . '--tablet';
if ( isset($content_style['mobile']) )
$extra_classes .= ' has-content-style-' . $content_style['mobile'] . '--mobile';
} elseif ( is_string($content_style) ) {
$extra_classes = 'has-content-style-' . $content_style;
}
$media_component_style = '';
$media_component_color_palette = get_theme_mod($prefix . '_document_attachments_colors',
[
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ],
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ],
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ],
]);
$media_component_style .= '--tainacan-media-background-color:' . $media_component_color_palette['color1']['color'] . ';';
$media_component_style .= '--tainacan-media-color:' . $media_component_color_palette['color2']['color'] . ';';
$media_component_style .= '--tainacan-media-accent-color:' . $media_component_color_palette['color3']['color'] . ';';
echo '<div class="tainacan-gallery-above-title ' . $extra_classes . '" style="' . $media_component_style . '">';
tainacan_blocksy_get_template_part( 'template-parts/tainacan-item-single-document' );
do_action( 'tainacan-blocksy-single-item-after-document' );
tainacan_blocksy_get_template_part( 'template-parts/tainacan-item-single-attachments' );
do_action( 'tainacan-blocksy-single-item-after-attachments' );
echo '</div>';
}
});
?>
<div class="<?php echo 'tainacan-item-single tainacan-item-single--layout-'. $page_structure_type ?>" style="<?php echo $template_columns_style ?>">
<?php
tainacan_blocksy_get_template_part( 'template-parts/tainacan-item-single-document' );
do_action( 'tainacan-blocksy-single-item-after-document' );
if ($page_structure_type !== 'type-gtm') {
tainacan_blocksy_get_template_part( 'template-parts/tainacan-item-single-document' );
do_action( 'tainacan-blocksy-single-item-after-document' );
tainacan_blocksy_get_template_part( 'template-parts/tainacan-item-single-attachments' );
do_action( 'tainacan-blocksy-single-item-after-attachments' );
tainacan_blocksy_get_template_part( 'template-parts/tainacan-item-single-attachments' );
do_action( 'tainacan-blocksy-single-item-after-attachments' );
}
tainacan_blocksy_get_template_part( 'template-parts/tainacan-item-single-metadata' );
do_action( 'tainacan-blocksy-single-item-after-metadata' );

80
tainacan-blocksy/template-parts/tainacan-item-single-document.php
View File

@ -6,21 +6,67 @@
$hide_file_name_main = get_theme_mod( $prefix . '_hide_files_name_main', 'yes') == 'yes';
$hide_file_caption_main = get_theme_mod( $prefix . '_hide_files_caption_main', 'yes') == 'yes';
$hide_file_description_main = get_theme_mod( $prefix . '_hide_files_description_main', 'yes') == 'yes';
?>
<?php if ( tainacan_has_document() && !$is_gallery_mode ) : ?>
<section class="tainacan-item-section tainacan-item-section--document">
<?php if ( get_theme_mod($prefix . '_display_section_labels', 'yes') == 'yes' && get_theme_mod($prefix . '_section_document_label', __( 'Document', 'tainacan-blocksy' )) != '' ) : ?>
<h2 class="tainacan-single-item-section" id="tainacan-item-document-label">
<?php echo esc_html( get_theme_mod($prefix . '_section_document_label', __( 'Document', 'tainacan-blocksy' ) ) ); ?>
</h2>
<?php endif; ?>
<div class="tainacan-item-section__document">
<?php
tainacan_the_document();
if ( get_theme_mod( $prefix . '_hide_download_button', 'no' ) == 'no' && function_exists('tainacan_the_item_document_download_link') && tainacan_the_item_document_download_link() != '' ) {
echo '<span class="tainacan-item-file-download">' . tainacan_the_item_document_download_link() . '</span>';
}
?>
</div>
</section>
$hide_download_button = get_theme_mod( $prefix . '_hide_download_button', 'no' ) == 'yes';
global $post;
if ( tainacan_has_document() && !$is_gallery_mode ) : ?>
<section class="tainacan-item-section tainacan-item-section--document">
<?php if ( get_theme_mod($prefix . '_display_section_labels', 'yes') == 'yes' && get_theme_mod($prefix . '_section_document_label', __( 'Document', 'tainacan-blocksy' )) != '' ) : ?>
<h2 class="tainacan-single-item-section" id="tainacan-item-document-label">
<?php echo esc_html( get_theme_mod($prefix . '_section_document_label', __( 'Document', 'tainacan-blocksy' ) ) ); ?>
</h2>
<?php endif; ?>
<div class="tainacan-item-section__document">
<?php if ( function_exists('tainacan_the_media_component') ) {
$media_items_main = array();
$class_slide_metadata = '';
if ($hide_file_name_main)
$class_slide_metadata .= ' hide-name';
if ($hide_file_description_main)
$class_slide_metadata .= ' hide-description';
if ($hide_file_caption_main)
$class_slide_metadata .= ' hide-caption';
if ( tainacan_has_document() ) {
$is_document_type_attachment = tainacan_get_the_document_type() === 'attachment';
$media_items_main[] =
tainacan_get_the_media_component_slide(array(
'after_slide_metadata' => (( !$hide_download_button && tainacan_the_item_document_download_link() != '' ) ?
('<span class="tainacan-item-file-download">' . tainacan_the_item_document_download_link() . '</span>')
: ''),
'media_content' => tainacan_get_the_document(),
'media_content_full' => $is_document_type_attachment ? tainacan_get_the_document(0, 'full') : ('<div class="attachment-without-image">' . tainacan_get_the_document(0, 'full') . '</div>'),
'media_title' => $is_document_type_attachment ? get_the_title(tainacan_get_the_document_raw()) : '',
'media_description' => $is_document_type_attachment ? get_the_content(tainacan_get_the_document_raw()) : '',
'media_caption' => $is_document_type_attachment ? wp_get_attachment_caption(tainacan_get_the_document_raw()) : '',
'media_type' => tainacan_get_the_document_type(),
'class_slide_metadata' => $class_slide_metadata
));
}
tainacan_the_media_component(
'tainacan-item-document_id-' . $post->ID,
[],
$media_items_main,
array(
'swiper_main_options' => array(
'navigation' => array(
'nextEl' => '.swiper-navigation-next_' . 'tainacan-item-document_id-' . $post->ID . '-main',
'prevEl' => '.swiper-navigation-prev_' . 'tainacan-item-document_id-' . $post->ID . '-main',
)
)
)
);
} else {
tainacan_the_document();
if ( !$hide_download_button && function_exists('tainacan_the_item_document_download_link') && tainacan_the_item_document_download_link() != '' ) {
echo '<span class="tainacan-item-file-download">' . tainacan_the_item_document_download_link() . '</span>';
}
} ?>
</div>
</section>
<?php endif; ?>