Basic layout for template selection.
This commit is contained in:
parent
ecc0bbd5d4
commit
f9d059e706
@ -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>
|
||||
|
@ -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}
|
||||
|
@ -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) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user