Improvements to color picker on form hooks.
This commit is contained in:
parent
28440c7fcc
commit
1b073a3aa1
|
@ -40,7 +40,7 @@ Popper Copyright (C) Federico Zivolo 2018
|
||||||
Licenses: MIT
|
Licenses: MIT
|
||||||
Source: https://github.com/FezVrasta/popper.js
|
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
|
Licenses: MIT
|
||||||
Source: https://github.com/bgrins/spectrum
|
Source: https://github.com/bgrins/spectrum
|
||||||
|
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -49,56 +49,6 @@ class TainacanInterfaceCollectionSettings {
|
||||||
<hr>
|
<hr>
|
||||||
</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">
|
|
||||||
<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">
|
<div class="field tainacan-metadata-section--change-section-layout">
|
||||||
<label class="label"><?php _e( 'Metadata sections layout', 'tainacan-interface' ); ?></label>
|
<label class="label"><?php _e( 'Metadata sections layout', 'tainacan-interface' ); ?></label>
|
||||||
<span class="help-wrapper">
|
<span class="help-wrapper">
|
||||||
|
@ -159,6 +109,56 @@ class TainacanInterfaceCollectionSettings {
|
||||||
</div>
|
</div>
|
||||||
</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
|
<?php
|
||||||
return ob_get_clean();
|
return ob_get_clean();
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue