Basic layout for template selection.

This commit is contained in:
Matthias Mees 2013-01-02 17:47:42 +01:00
parent ecc0bbd5d4
commit f9d059e706
3 changed files with 53 additions and 22 deletions

View File

@ -9,7 +9,7 @@
{* Smarty 3 has a new auto literal option which is enabled by default.
When the { is followed by a space it's not interpreted as smarty delimiter but literal. *}
<script>
function templatePluginMoverInit() {
function templatePluginMoverInit() {
{foreach $plugin_placements AS $sidebar}
@ -21,7 +21,7 @@
{/foreach}
}
}
addLoadEvent(templatePluginMoverInit);
</script>
@ -40,7 +40,7 @@
<ol id="{$plugin_placement['pid']}_col" class="pluginmanager_container plainList">
{foreach $plugin_placement['plugin_data'] as $plugin_data}
<li id="{$plugin_data['css_key']}" class="pluginmanager_item_{cycle values="even,uneven"}">
<li id="{$plugin_data['css_key']}" class="pluginmanager_item_{cycle values="odd,even"}">
<div id="g{$plugin_data['css_key']}" class="pluginmanager_grablet">
<a id="grab{$plugin_data['css_key']}" class="icon_link" href="#" title="Move"><span class="icon-move"></span><span class="visuallyhidden"> Move</span></a>{* i18n *}
</div>

View File

@ -30,28 +30,31 @@
{foreach $templates as $template=>$info}
{if $info.info.engine == 'yes'}{continue}{/if}
{if !empty($template)}
<li><article class="clearfix">
<li><article class="clearfix {cycle values="odd,even"}">
<h3>{$info.info.name}</h3>
{if $info.fullsize_preview || $info.preview}
<div class="preview_image">
{if $info.fullsize_preview}<a href="{$info.fullsize_preview}">{/if}
{if $info.preview}<img src="{$info.preview}" alt="{$CONST.PREVIEW}" >{/if}
{if $info.fullsize_preview}</a>{/if}
<div class="clearfix">
<div class="preview_image">
{if $info.fullsize_preview}<a href="{$info.fullsize_preview}">{/if}
{if $info.preview}<img src="{$info.preview}" alt="{$CONST.PREVIEW}" >{/if}
{if $info.fullsize_preview}</a>{/if}
</div>
{/if}
<details class="template_info">
<summary>Template info</summary> {* i18n *}
<dl class="clearfix">
<dt class="template_author">{$CONST.AUTHOR}:</dt>
<dd>{$info.info.author}</dd>
<dt class="template_date">{$CONST.LAST_UPDATED}:</dt>
<dd>{$info.info.date}</dd>
<dt class="template_admin">{$CONST.CUSTOM_ADMIN_INTERFACE}:</dt> {* Should be shortened *}
<dd>{$info.info.custom_admin_interface}</dd>
</dl>
</details>
{if $info.fullsize_preview || $info.preview}
</div>
{/if}
<details class="template_info">
<summary>Template info</summary> {* i18n *}
<dl class="clearfix">
<dt class="template_author">{$CONST.AUTHOR}:</dt>
<dd>{$info.info.author}</dd>
<dt class="template_date">{$CONST.LAST_UPDATED}:</dt>
<dd>{$info.info.date}</dd>
<dt class="template_admin">{$CONST.CUSTOM_ADMIN_INTERFACE}:</dt>
<dd>{$info.info.custom_admin_interface}</dd>
</dl>
</details>
<div class="template_status">
{if $template != $cur_template}
{if !$info.unmetRequirements}

View File

@ -639,7 +639,8 @@ optgroup {
/* Backend-specific form stuff */
label, .standout,
legend > span { font-weight: bold; }
legend > span,
figcaption { font-weight: bold; }
.block_level,
.form_multiselect label,
@ -837,6 +838,25 @@ summary { cursor: pointer; }
.comment_data dt, .template_info dt,
.comment_summary, .comment_full { clear: both; }
#template_select article {
border: 1px solid #ccc;
margin: 0 0 1em;
padding: 0 .5em 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#template_select .preview_image {
float: left;
margin: 0 1em 1em 0;
}
.template_info {
float: left;
margin-top: 0;
}
.actions li {
display: inline-block;
margin: 0 .4em 0 0;
@ -999,6 +1019,14 @@ summary { cursor: pointer; }
margin-right: 1%;
width: 48%;
}
#template_select article {
float: left;
margin: 0 2% 1em 0;
width: 48%;
}
#template_select .odd { clear: left; }
}
@media only screen and (min-width: 1024px) {