Improvements to color picker on form hooks.

This commit is contained in:
mateuswetah 2022-05-11 14:31:29 -03:00
parent 28440c7fcc
commit 1b073a3aa1
3 changed files with 2383 additions and 2365 deletions

View File

@ -40,7 +40,7 @@ Popper Copyright (C) Federico Zivolo 2018
Licenses: MIT
Source: https://github.com/FezVrasta/popper.js
Spectrum Colorpicker v1.8.0 Copyright (c) Brian Grinstead
Spectrum Colorpicker v1.8.1 Copyright (c) Brian Grinstead
Licenses: MIT
Source: https://github.com/bgrins/spectrum

File diff suppressed because it is too large Load Diff

View File

@ -49,56 +49,6 @@ class TainacanInterfaceCollectionSettings {
<hr>
</div>
<div>
<label class="label"><?php _e( 'Collection items list header colors', 'tainacan-interface' ); ?></label>
<span class="help-wrapper">
<a class="help-button has-text-secondary">
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-help"/></i>
</span>
</a>
<div class="help-tooltip">
<div class="help-tooltip-header">
<h5><?php _e( 'Collection items list header colorsr', 'tainacan-interface' ); ?></h5>
</div>
<div class="help-tooltip-body">
<p><?php _e( 'Select which color will be used for the text and background of your collection items list header.', 'tainacan-interface' ); ?></p>
</div>
</div>
</span>
</div>
<div class="columns">
<div class="column is-one-third field tainacan-collection--change-color-picker">
<label class="label"><?php _e( 'Background', 'tainacan-interface' ); ?></label>
<div class="control is-clearfix">
<input type="text" value="" id="colorpicker" name="<?php echo $this->tainacan_background_color; ?>">
</div>
</div>
<div class="column is-two-thirds field tainacan-collection--change-text-color">
<label class="label"><?php _e( 'Text', 'tainacan-interface' ); ?></label>
<div class="control is-clearfix">
<label for="white" id="color-white" class="color-text">
<input
type="radio"
value="#fff"
name="<?php echo $this->tainacan_text_color; ?>"
id="white" checked>
<?php _e( 'White', 'tainacan-interface' ); ?>
</label>
<label for="black" id="color-black" class="color-text">
<input
type="radio"
value="#000"
name="<?php echo $this->tainacan_text_color; ?>"
id="black">
<?php _e( 'Black', 'tainacan-interface' ); ?>
</label>
</div>
</div>
</div>
<div class="field tainacan-metadata-section--change-section-layout">
<label class="label"><?php _e( 'Metadata sections layout', 'tainacan-interface' ); ?></label>
<span class="help-wrapper">
@ -159,6 +109,56 @@ class TainacanInterfaceCollectionSettings {
</div>
</div>
<div>
<label class="label"><?php _e( 'Collection items list header colors', 'tainacan-interface' ); ?></label>
<span class="help-wrapper">
<a class="help-button has-text-secondary">
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-help"/></i>
</span>
</a>
<div class="help-tooltip">
<div class="help-tooltip-header">
<h5><?php _e( 'Collection items list header colorsr', 'tainacan-interface' ); ?></h5>
</div>
<div class="help-tooltip-body">
<p><?php _e( 'Select which color will be used for the text and background of your collection items list header.', 'tainacan-interface' ); ?></p>
</div>
</div>
</span>
</div>
<div class="columns is-multiline">
<div class="column is-one-third-desktop is-full-tablet is-one-third-mobile field tainacan-collection--change-color-picker">
<label class="label"><?php _e( 'Background', 'tainacan-interface' ); ?></label>
<div class="control is-clearfix">
<input type="text" value="" id="colorpicker" name="<?php echo $this->tainacan_background_color; ?>">
</div>
</div>
<div class="column is-two-thirds-desktop is-full-tablet is-two-thirds-mobile field tainacan-collection--change-text-color">
<label class="label"><?php _e( 'Text', 'tainacan-interface' ); ?></label>
<div class="control is-clearfix">
<label for="white" id="color-white" class="color-text">
<input
type="radio"
value="#fff"
name="<?php echo $this->tainacan_text_color; ?>"
id="white" checked>
<?php _e( 'White', 'tainacan-interface' ); ?>
</label>
<label for="black" id="color-black" class="color-text">
<input
type="radio"
value="#000"
name="<?php echo $this->tainacan_text_color; ?>"
id="black">
<?php _e( 'Black', 'tainacan-interface' ); ?>
</label>
</div>
</div>
</div>
<?php
return ob_get_clean();
}