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} {if $view}
<h2>{$CONST.CATEGORY_INDEX}:</h2> <h2>{$CONST.CATEGORY_INDEX}:</h2>
{if is_array($viewCats)} {if is_array($viewCats)}
<ul id="categories" class="plainList"> <ul id="categories" class="plainList zebra_list">
{foreach $viewCategories as $category} {foreach $viewCategories as $category}
{* TODO: Ideally, this should use true nesting, i.e. nested lists instead of a level class. *} {* 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"> <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> <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} {if !$delete}
<h2>{$CONST.GROUP}</h2> <h2>{$CONST.GROUP}</h2>
<ul id="serendipity_groups" class="plainList"> <ul id="serendipity_groups" class="plainList zebra_list">
{foreach $groups as $group} {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> <span class="group_name"><span class="icon-users"></span> {$group.name|escape:"html"}</span>
<ul class="plainList clearfix edit_actions"> <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> <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> <h3>{$CONST.BASE_DIRECTORY}</h3>
<ul class="plainList"> <ul id="serendipity_image_folders" class="plainList zebra_list">
{foreach $folders as $folder} {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> <span class="folder_name"><span class="icon-folder-open"></span> {$folder.name}</span>
<ul class="plainList clearfix edit_actions"> <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> <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} {if $delete == false}
<h2>{$CONST.USER} ({$CONST.USER_LEVEL})</h2> <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} {foreach $users as $user}
{if $user.isEditable} {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> <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"> <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> <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, #media_pane_sort label,
#image_directory_create_form label, #image_directory_create_form label,
#mediaPropertyForm .media_file_props label, #mediaPropertyForm .media_file_props label,
#entries_list .entry_info span { #entries_list .entry_info span,
.folder_name {
display: inline-block; display: inline-block;
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
@ -926,7 +927,11 @@ summary { cursor: pointer; }
.category_data, .category_data,
.user_name, .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_field input,
#image_directory_create_form .form_select select, #image_directory_create_form .form_select select,
@ -1064,7 +1069,11 @@ fieldset p,
line-height: 1.5; 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; } #entries_list .entry_info span { margin: 0 1em .75em 0; }