1
0

Add color picker as plugin/theme config item

This commit is contained in:
onli
2016-03-01 00:14:15 +01:00
parent 020ca7f651
commit 1fb1a6647f
4 changed files with 25 additions and 7 deletions

View File

@ -45,17 +45,20 @@
{if $cdesc != ''}<span id="nuggets{$elcount}_info" class="field_info additional_info">{$cdesc}</span>{/if}
<textarea id="nuggets{$elcount}" class="direction_{$lang_direction}" name="serendipity[{$postKey}][{$config_item}]" rows="{$text_rows}">{$hvalue}</textarea>
</div>
{elseif $ctype == 'content'}
<div class="clearfix">
{$cbag_default}
</div>
{elseif $ctype == 'custom'}
<div class="clearfix custom_item">
<input id="config_{$postKey}_{$config_item}" name="serendipity[{$postKey}][{$config_item}]" type="hidden" value="{$hvalue}">
{$cbag_custom}
</div>
{elseif $ctype == 'color'}
<div class="clearfix form_field{if $cdesc != ''} has_info{/if}">
<label for="serendipity_{$config_item}">{$cname}{if $cdesc != ''} <button class="toggle_info button_link" type="button" data-href="#{$config_item}_info"><span class="icon-info-circled"></span><span class="visuallyhidden"> {$CONST.MORE}</span></button>{/if}</label>
{if $cdesc != ''}<span id="{$config_item}_info" class="field_info additional_info">{$cdesc}</span>{/if}
<input id="serendipity_{$config_item}" class="direction_{$lang_direction}" name="serendipity[{$postKey}][{$config_item}]" type="{$input_type}" value="{$hvalue}">
</div>
{elseif $ctype == 'hidden'}
<div class="clearfix">

View File

@ -152,6 +152,7 @@ select {
button,
html input[type="button"],
html input[type="color"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
@ -616,6 +617,7 @@ button,
#edit_entry_category button.mfp-close,
#edit_entry_freetags button.mfp-close,
input[type="button"],
input[type="color"],
input[type="reset"],
input[type="submit"] {
border-radius: 4px;
@ -632,7 +634,8 @@ input[type="submit"] {
.tabs > ul a,
button,
button[type="submit"].publish_now,
input[type="button"] {
input[type="button"],
input[type="color"] {
background: #ddd;
background-image: -webkit-linear-gradient(#fff, #ddd);
background-image: linear-gradient(#fff, #ddd);
@ -674,7 +677,8 @@ input[type="submit"].state_cancel:visited {
.tabs > ul a:hover,
button:hover,
button[type="submit"].publish_now:hover,
input[type="button"]:hover {
input[type="button"]:hover,
input[type="color"]:hover {
background: #ccc;
background-image: -webkit-linear-gradient(#fff, #eee 1px, #ccc);
background-image: linear-gradient(#fff, #eee 1px, #ccc);
@ -710,7 +714,8 @@ input:checked + .media_selector,
button[type="submit"].publish_now:active,
.tabs > ul a:active,
button:active,
input[type="button"]:active {
input[type="button"]:active,
input[type="color"]:active {
background-image: -webkit-linear-gradient(#fff, #ddd 1px, #eee);
background-image: linear-gradient(#fff, #ddd 1px, #eee);
box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;