Zoggy's submenu CSS fixes for collated submenu links

midgetspy · Jan 18, 2011 · 8fcd8a0 · 8fcd8a0
1 parent 69a5d1d
commit 8fcd8a0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/data/css/default.css b/data/css/default.css
@@ -307,12 +307,19 @@ color:#333;
 border-bottom: 1px solid #333;
 padding-left:5px;
 }
+#SubMenu span {
+padding:2px 6px 2px 8px;
+}
 #SubMenu span a {
 line-height:24px;
-font-weight:700;
 text-decoration:none;
 color:#333;
-padding:2px 12px 2px;
+font-weight:700;
+padding:2px 6px 2px;
+}
+#SubMenu span a.inner {
+font-weight:400;
+padding:2px;
 }
 #SubMenu span a:hover {
 background-color:#000;

diff --git a/data/interfaces/default/inc_top.tmpl b/data/interfaces/default/inc_top.tmpl
@@ -147,11 +147,11 @@
 #for $menuItem in $submenu:
     #if 'requires' not in $menuItem or $menuItem.requires():
         #if type($menuItem.path) == dict:
-            #if $first then "" else "| "#<b>$menuItem.title</b>
+            #if $first then "" else "</span>| <span>"#<b>$menuItem.title</b>
             #set $first = False
             #set $inner_first = True
             #for $cur_link in $menuItem.path:
-                #if $inner_first then "" else "/ "#<a href="$sbRoot/$menuItem.path[$cur_link]">$cur_link</a>
+                #if $inner_first then "" else "&middot; "#<a class="inner" href="$sbRoot/$menuItem.path[$cur_link]">$cur_link</a>
                 #set $inner_first = False
             #end for
         #else
@@ -163,6 +163,8 @@
 </span>
 </div>
 #end if
+
+
 <div id="content">
 
 #for $curMessage in $flash.messages():