Olemis Lang avatar Olemis Lang committed e64258f

TracMac: Custom `metanav` items now in drop-down menu

Comments (0)

Files changed (2)

tracmacos/htdocs/mac.css

 }
 
 :link:hover, :visited:hover, .nav li:hover, 
-.nav li:hover :link, .nav li:hover :visited {
+.nav li:hover>:link, .nav li:hover>:visited {
   background-color: #3366ff;
   color: white;
 }
 }
 
 :visited, :link {
-  color: #0000cc;
+  color: #0000CC;
 }
 
 .nav :link, .nav :visited {
 }
 
 #metanav {
-  border-left: 1px solid #999999;
+/*
+  border-left: 1px solid #999999; 
+*/
   float: right;
   position: absolute;
   right: 1em;
   background: #EEEEEE none repeat scroll 0pt 0pt;
   display: block;
   text-align: left;
-  width: 100%;
+  width: auto;
 }
 
 #mainnav {
   color: white;
 }
 
+#metanav {
+  padding: 0;
+}
+
+.more:hover {
+  background-color: transparent;
+}
+
+.more>ul.menu {
+  display: none;
+}
+
+.more:hover>ul.menu {
+  display: block;
+}
+
+li#metanav {
+  background-color: transparent !important;
+  float: none;
+  left: 0;
+  padding-top: 6px;
+  position: relative;
+  top: 0;
+  width: auto;
+}
+
 /* Round boxes */
 
 .round1 {

tracmacos/templates/mac_theme.html

       xmlns:py="http://genshi.edgewall.org/"
       py:strip="">
 
-  <ul py:def="navigation(category)" class="menu">
+  <ul py:def="navigation(category, skip)" class="menu">
     <li id="${category}" class="nav">
       <ul py:if="chrome.nav[category]">
-        <li py:for="idx, item in  enumerate(chrome.nav[category])"
+        <li py:for="idx, item in  enumerate(i for i in chrome.nav[category] if i.name not in skip)"
             class="${classes(first_last(idx, chrome.nav[category]), active=item.active)}">${item.label}</li>
       </ul>
     </li>
               <div class="round2"></div>
               <div class="round4"></div>
             </div>
-            ${navigation("mainnav")}
+            ${navigation("mainnav", [])}
           </li>
         </ul>
       </span>
               class="${(classes(first_last(idx, chrome.nav['metanav']), active=item.active) or '') + ' ' + item.name}">
             ${item.label}
           </li>
-          <li class="more">more</li>
+          <li class="more">
+            <em>more</em>
+            ${navigation("metanav", metaitems)}
+          </li>
         </ul>
       </span>
     </div>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.