From 37d2e46a3d1a0146e67343e5afeb3b0ff319ba2b Mon Sep 17 00:00:00 2001
From: Matthias Mees <mm@yellowled.de>
Date: Tue, 15 Jan 2013 16:09:47 +0100
Subject: [PATCH] Zebra-striping for categories, groups, images, and users.

---
 include/admin/tpl/category.inc.tpl |  4 ++--
 include/admin/tpl/groups.inc.tpl   |  4 ++--
 include/admin/tpl/images.inc.tpl   |  4 ++--
 include/admin/tpl/users.inc.tpl    |  4 ++--
 templates/2k11/admin/style.css     | 15 ++++++++++++---
 5 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/include/admin/tpl/category.inc.tpl b/include/admin/tpl/category.inc.tpl
index c06263c2..d405d2da 100644
--- a/include/admin/tpl/category.inc.tpl
+++ b/include/admin/tpl/category.inc.tpl
@@ -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>
 
diff --git a/include/admin/tpl/groups.inc.tpl b/include/admin/tpl/groups.inc.tpl
index 259335da..629d7743 100644
--- a/include/admin/tpl/groups.inc.tpl
+++ b/include/admin/tpl/groups.inc.tpl
@@ -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>
diff --git a/include/admin/tpl/images.inc.tpl b/include/admin/tpl/images.inc.tpl
index c6ec33fc..4e97da98 100644
--- a/include/admin/tpl/images.inc.tpl
+++ b/include/admin/tpl/images.inc.tpl
@@ -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>
diff --git a/include/admin/tpl/users.inc.tpl b/include/admin/tpl/users.inc.tpl
index d9c5176c..1db4c97b 100644
--- a/include/admin/tpl/users.inc.tpl
+++ b/include/admin/tpl/users.inc.tpl
@@ -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>
diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css
index 609dcb67..705ade25 100644
--- a/templates/2k11/admin/style.css
+++ b/templates/2k11/admin/style.css
@@ -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; }