1
0

Zebra striping for plugin options.

This commit is contained in:
Matthias Mees
2013-06-22 15:54:35 +02:00
parent b7b3415e9a
commit d30b62ad0a
3 changed files with 42 additions and 23 deletions

View File

@ -11,12 +11,14 @@
<div id="serendipity_config_options">
{foreach $config_groups AS $config_header => $config_groupkeys}
<div class="configuration_group {cycle values='odd,even'}">
<div class="configuration_group">
<h3><a id="optionel{$config_groupkeys@iteration}" class="show_config_option" href="#el{$config_groupkeys@iteration}" title="{$CONST.TOGGLE_OPTION}"><span class="icon-plus"></span> {$config_header}</a></h3>
<fieldset id="el{$config_groupkeys@iteration}" class="config_optiongroup{if $config_groupkeys@last} config_optiongroup_last{/if} additional_info">
{foreach $config_groupkeys AS $config_groupkey}
{$OUT_STACK[$config_groupkey]}
<div class="{cycle values='odd,even'}">
{$OUT_STACK[$config_groupkey]}
</div>
{/foreach}
</fieldset>
</div>

View File

@ -12,29 +12,30 @@
{elseif $saveconf}
<span class="msg_success"><span class="icon-ok-circled"></span> {$CONST.DONE}: {$CONST.SETTINGS_SAVED_AT|sprintf:"$timestamp"}</span>
{/if}
<h2>{$name} (<span class="plugin_class">{$class}</span>)</h2>
<div class="plugin_info">
<p><strong>{$CONST.DESCRIPTION}:</strong> {$desc}</p>
{if !empty($license)}
<p><strong>{$CONST.MEDIA_PROPERTY_COPYRIGHT}:</strong> {$license}</p>
{/if}
{if ! empty($documentation) || $changelog || $documentation_local}
<ul class="plainList">
{if !empty($documentation)}
<li><a href="{$documentation|escape:"html"}">{$CONST.PLUGIN_DOCUMENTATION}</a></li>
{/if}
{if $changelog}
<li><a href="plugins/{$plugin->act_pluginPath}/ChangeLog">{$CONST.PLUGIN_DOCUMENTATION_CHANGELOG}</a></li>
{/if}
{if $documentation_local}
<li><a href="plugins/{$plugin->act_pluginPath}{$documentation}">{$CONST.PLUGIN_DOCUMENTATION_LOCAL}</a></li>
{/if}
</ul>
{/if}
</div>
<form class="configure_plugin" method="post" name="serendipityPluginConfigure">
{$formToken}
<div class="plugin_info">
<h2>{$name} (<span class="plugin_class">{$class}</span>)</h2>
<p><strong>{$CONST.DESCRIPTION}:</strong> {$desc}</p>
{if !empty($license)}
<p><strong>{$CONST.MEDIA_PROPERTY_COPYRIGHT}:</strong> {$license}</p>
{/if}
{if ! empty($documentation) || $changelog || $documentation_local}
<ul class="plainList">
{if !empty($documentation)}
<li><a href="{$documentation|escape:"html"}">{$CONST.PLUGIN_DOCUMENTATION}</a></li>
{/if}
{if $changelog}
<li><a href="plugins/{$plugin->act_pluginPath}/ChangeLog">{$CONST.PLUGIN_DOCUMENTATION_CHANGELOG}</a></li>
{/if}
{if $documentation_local}
<li><a href="plugins/{$plugin->act_pluginPath}{$documentation}">{$CONST.PLUGIN_DOCUMENTATION_LOCAL}</a></li>
{/if}
</ul>
{/if}
</div>
{$config}
</form>
{elseif $adminAction == 'addnew'}

View File

@ -904,8 +904,16 @@ input[type=checkbox],
margin-bottom: 0;
}
.configure_plugin .configuration_group > fieldset {
margin-top: 0;
margin-bottom: 1.5em;
}
.configuration_group fieldset > fieldset,
.theme_options .configuration_group > fieldset,
.configure_plugin .configuration_group > fieldset,
.configure_plugin .config_optiongroup .odd,
.configure_plugin .config_optiongroup .even,
.configuration_group .form_field,
.configuration_group .form_area,
.configuration_group .form_select,
@ -913,6 +921,10 @@ input[type=checkbox],
padding: .75em 0;
}
.configure_plugin .configuration_group > h3 + fieldset {
padding: 0;
}
.importer_data dd,
.form_buttons > input {
margin-bottom: .75em;
@ -1463,6 +1475,7 @@ form > .button_link:first-of-type {
.zebra_list,
.option_list,
.configure_plugin .odd:first-of-type,
#categories .odd,
#categories .even,
#serendipity_image_folders .odd,
@ -1475,6 +1488,8 @@ form > .button_link:first-of-type {
.option_list .even,
.theme_options .odd,
.theme_options .even,
.configure_plugin .odd,
.configure_plugin .even,
#categories,
#serendipity_image_folders {
border-bottom: 1px solid #aaa;
@ -1489,6 +1504,7 @@ form > .button_link:first-of-type {
.zebra_list > .odd,
.option_list > .odd,
.theme_options .odd,
.configure_plugin .odd,
#categories .odd,
#serendipity_image_folders .odd {
background: #eee;