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

Adds option to set max height to the document on the items page. #44.

This commit is contained in:
mateuswetah 2021-04-22 14:30:14 -03:00
parent 9661428e00
commit 53b714be7d
2 changed files with 64 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/scss/_post.scss
View File

@ -614,7 +614,9 @@
align-items: center;
flex-direction: column;
min-height: 10vh;
img {
width: auto;
}
> iframe, img.attachment-large {
display: block;
height: auto;

62
src/functions/customizer.php
View File

@ -788,6 +788,31 @@ function tainacan_customize_register( $wp_customize ) {
) );
}
if (version_compare(TAINACAN_VERSION, '0.17RC') >= 0) {
/**
* Allows setting max heigth for the document ---------------------------------------------------------
*/
$wp_customize->add_setting( 'tainacan_single_item_document_max_height', array(
'type' => 'theme_mod',
'capability' => 'edit_theme_options',
'default' => 60,
'transport' => 'refresh',
'sanitize_callback' => 'sanitize_text_field'
) );
$wp_customize->add_control( 'tainacan_single_item_document_max_height', array(
'type' => 'number',
'priority' => 2, // Within the section.
'section' => 'tainacan_single_item_page',
'label' => __( 'Document maximum height (vh)', 'tainacan-interface' ),
'description' => __( 'Set the maximum height for the document. The unit of measure is relative to the screen, for example: 60vh is 60% of the height of the browser window height.', 'tainacan-interface' ),
'input_attrs' => array(
'min' => 10,
'max' => 150,
'step' => 5
),
) );
}
/**
* Adds options to display or not the thumbnail on items page.
*/
@ -995,7 +1020,6 @@ function tainacan_customize_register( $wp_customize ) {
) );
/**
* Adds section to settings related to search control . ---------------------------------------------------------
*/
@ -2467,6 +2491,42 @@ function tainacan_single_item_metadata_columns_count_output() {
}
add_action( 'wp_head', 'tainacan_single_item_metadata_columns_count_output');
/**
* Enqueues front-end CSS for the single item page document max-height.
*
* @since Tainacan Theme
*
* @see wp_add_inline_style()
*/
function tainacan_single_item_document_max_height_output() {
$max_document_height = get_theme_mod( 'tainacan_single_item_document_max_height', 60 );
// If the value is not a number, return early.
if ( !is_numeric( $max_document_height ) ) {
return;
}
$css = '
/* Custom Settings for Single Item Page Document Height */
.tainacan-single-post .tainacan-content.single-item-collection .single-item-collection--document img,
.tainacan-single-post .tainacan-content.single-item-collection .single-item-collection--document video,
.tainacan-single-post .tainacan-content.single-item-collection .single-item-collection--document audio,
.tainacan-single-post .tainacan-content.single-item-collection .single-item-collection--document iframe {
max-height: ' . $max_document_height . '%;
max-height: ' . $max_document_height . 'vh;
}
.tainacan-single-post .tainacan-content.single-item-collection .tainacan-media-component {
--tainacan-media-main-carousel-height: ' . $max_document_height . '%;
--tainacan-media-main-carousel-height: ' . $max_document_height . 'vh;
}
';
echo '<style type="text/css" id="tainacan-style-document">' . $css . '</style>';
}
add_action( 'wp_head', 'tainacan_single_item_document_max_height_output');
/**
* Enqueues front-end CSS for the items page fixed filters logic.
*