1
0

Zebra-striping for categories, groups, images, and users.

This commit is contained in:
Matthias Mees
2013-01-15 16:09:47 +01:00
parent 4619a22b97
commit 37d2e46a3d
5 changed files with 20 additions and 11 deletions

View File

@ -139,10 +139,10 @@
{if $view}
<h2>{$CONST.CATEGORY_INDEX}:</h2>
{if is_array($viewCats)}
<ul id="categories" class="plainList">
<ul id="categories" class="plainList zebra_list">
{foreach $viewCategories as $category}
{* TODO: Ideally, this should use true nesting, i.e. nested lists instead of a level class. *}
<li class="clearfix level_{$category.depth}">
<li class="clearfix level_{$category.depth} {cycle values="odd,even"}">
<details class="category_data">
<summary class="category_name{if $category.category_icon} category_hasicon{/if}"><span class="icon-folder-open"></span> {$category.category_name|escape:"html"}</summary>

View File

@ -14,9 +14,9 @@
{if !$delete}
<h2>{$CONST.GROUP}</h2>
<ul id="serendipity_groups" class="plainList">
<ul id="serendipity_groups" class="plainList zebra_list">
{foreach $groups as $group}
<li class="clearfix">
<li class="clearfix {cycle values="odd,even"}">
<span class="group_name"><span class="icon-users"></span> {$group.name|escape:"html"}</span>
<ul class="plainList clearfix edit_actions">
<li><a class="button_link" href="?serendipity[adminModule]=groups&amp;serendipity[adminAction]=edit&amp;serendipity[group]={$group.id}" title="{$CONST.EDIT} {$group.name|escape:"html"}"><span class="icon-edit"></span><span class="visuallyhidden"> {$CONST.EDIT}</span></a></li>

View File

@ -206,9 +206,9 @@
<h3>{$CONST.BASE_DIRECTORY}</h3>
<ul class="plainList">
<ul id="serendipity_image_folders" class="plainList zebra_list">
{foreach $folders as $folder}
<li class="level_{$folder.depth} clearfix">
<li class="level_{$folder.depth} clearfix {cycle values="odd,even"}">
<span class="folder_name"><span class="icon-folder-open"></span> {$folder.name}</span>
<ul class="plainList clearfix edit_actions">
<li><a class="button_link" href="?serendipity[adminModule]=images&amp;serendipity[adminAction]=directoryEdit&amp;serendipity[dir]={$folder.relpath|escape:'html'}" title="{$CONST.EDIT}"><span class="icon-edit"></span><span class="visuallyhidden"> {$CONST.EDIT}</span></a></li>

View File

@ -43,10 +43,10 @@
{if $delete == false}
<h2>{$CONST.USER} ({$CONST.USER_LEVEL})</h2>
<ul id="serendipity_users" class="plainList">
<ul id="serendipity_users" class="plainList zebra_list">
{foreach $users as $user}
{if $user.isEditable}
<li class="clearfix">
<li class="clearfix {cycle values="odd,even"}">
<span class="user_name user_{if $user.userlevel >= {$CONST.USERLEVEL_ADMIN}}admin{else}{if $user.userlevel >= {$CONST.USERLEVEL_CHIEF}}chief{else}editor{/if}{/if}"><span class="icon-user"></span> {$user.realname|escape:"html"} ({$user.userlevel})</span>
<ul class="plainList clearfix edit_actions">
<li><a class="button_link" href="{$user.authorUrl}" title="{$CONST.PREVIEW} {$user.realname}"><span class="icon-eye"></span><span class="visuallyhidden"> {$CONST.PREVIEW}</span></a></li>

View File

@ -417,7 +417,8 @@ form > a,
#media_pane_sort label,
#image_directory_create_form label,
#mediaPropertyForm .media_file_props label,
#entries_list .entry_info span {
#entries_list .entry_info span,
.folder_name {
display: inline-block;
*display: inline;
*zoom: 1;
@ -926,7 +927,11 @@ summary { cursor: pointer; }
.category_data,
.user_name,
.group_name { min-width: 8em; }
.group_name,
.folder_name {
min-width: 8em;
padding: .4em 0;
}
#image_directory_create_form .form_field input,
#image_directory_create_form .form_select select,
@ -1064,7 +1069,11 @@ fieldset p,
line-height: 1.5;
}
#entries_list>li { padding: 0 .4em; }
#entries_list>li,
#categories li,
#serendipity_image_folders li { padding: 0 0 0 .4em; }
#categories .edit_actions li { padding: 0; }
#entries_list .entry_info span { margin: 0 1em .75em 0; }