Olemis Lang avatar Olemis Lang committed 160aee9

TracMac: Toolbar (bottom) with search box (no submission yet)

Comments (0)

Files changed (2)

tracmacos/htdocs/mac.css

 
 #banner {
   background-color: #FFFFFF;
-  left: 0;
+  left: 50px;
   padding-top: 30px;
   position: fixed;
   top: 0px;
   height: 60px;
   margin-top: -34px;
   overflow: hidden;
-  padding-left: 50px;
+  padding-left: 0.5em;
   width: 100%;
 }
 
   min-width: 56px;
 }
 
+#pname, #psum {
+  padding-left: 2em;
+}
+
 #pname {
   font-weight: bold;
   height: 1.3em;
 
 #outer-wrapper {
   margin-top: 90px;
+  margin-left: 50px;
+}
+
+#search {
+  margin-right: 65px;
 }
 
 /* Fonts & Typography */
 #footer {
   color: #0000CC;
   font-size: 10px;
+  margin-bottom: 35px;
 }
 
 #footer :link, #footer :visited {
   background-color: #FFFFCC;
 }
 
+  /* Main toolbar */
+
+#mactb, #mactb div, #mactb table, #mactb tr, #mactb td, #mactb tr: hover td, #mactb img, #mactb a img, #mactb_min tr, #mactb_min td, #mactb_min img, #mactb_min a img, .mactb_td tr: hover td {
+  background-color: transparent;
+  border: medium none;
+  border-collapse: separate;
+  direction: ltr;
+  margin: 0;
+  padding: 0;
+  text-align: left;
+}
+
+#mactb, #mactb div, #mactb table, #mactb tr, #mactb td, #mactb tr: hover td, #mactb img, #mactb a img, #mactb_min tr, #mactb_min td, #mactb_min img, #mactb_min a img, .mactb_td tr: hover td {
+  background-color: transparent;
+  border: medium none;
+  border-collapse: separate;
+  direction: ltr;
+  margin: 0;
+  padding: 0;
+  text-align: left;
+}
+
+.tb_td {
+  background-color: transparent;
+  border: medium none;
+  line-height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+#tb_tbl {
+  height: 30px;
+  width: 100%;
+}
+
+#mactb {
+  bottom: 0;
+  color: #333333;
+  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
+  font-size: 11px;
+  font-weight: normal;
+  height: 30px;
+  left: 0;
+  line-height: 14px;
+  position: fixed !important;
+  width: 100%;
+  z-index: 9999999;
+}
+
+#tb_bl {
+  background-image: url("toolbar.png");
+  background-position: 0 -150px;
+  background-repeat: no-repeat;
+  display: inline;
+  float: right;
+  height: 30px;
+  margin-top:  1px; /* EXTRA */
+  width: 9px;
+}
+
+#tb_c .tb_item {
+  background-color: transparent;
+  display: block;
+  float: left;
+  height: 26px;
+}
+
+#tb_search {
+  height: 26px;
+  left: 0;
+  position: relative;
+  top: 0;
+  width: 160px;
+}
+
+#tb_search_icon {
+  background-color: white !important;
+  background-image:  url("trac_16_x_16.png");
+  background-repeat:  no-repeat;
+  border:  2px solid #A0A0A0 !important;
+  height: 20px;
+  left: 1px;
+  overflow:  hidden;
+  position: absolute;
+  top: 1px;
+  width: 30px;
+}
+
+#tb_c {
+  background-image: url("toolbar.png");
+  background-position: 0 -120px;
+  background-repeat: repeat-x;
+  padding-top: 4px;
+  position: relative;
+  vertical-align: bottom;
+}
+
+#tb_search_form {
+  background-image: url("searchbox.png");
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  height: 22px;
+  width: 118px;
+  left: 34px;
+  position: absolute;
+  top: 1px;
+}
+
+#tb_searchbox {
+  color: #777777;
+  font-style: italic;
+  background-color: transparent;
+  border: 0 none transparent;
+  font-family: Arial,Verdana;
+  font-size: 13px;
+  left: 1px;
+  margin: 2px 2px 4px !important;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  width: 95px;
+}
+

tracmacos/templates/mac_theme.html

       </p>
       <p class="right">${chrome.footer}</p>
     </div>
+    
+    <div id="mactb">
+      <table id="tb_tbl" cellspacing="0" cellpadding="0" border="0" >
+        <tbody>
+          <tr>
+            <td id="tb_bl" class="tb_td" align="left" width="15" valign="top">
+              <div id="tb_il" class="tb_td" />
+            </td>
+            <td id="tb_c" class="tb_td" valign="bottom" style="padding-top: 4px;">
+              <div class="tb_item">
+                <div id="tb_search">
+                  <div id="tb_search_icon" />
+                  <form id="tb_search_form" action="${href.search()}" method="get">
+                    <input id="tb_searchbox" name="q" type="text" defaultvalue="Search..." value="Search..." />
+                    <div id="tb_searchbtn" />
+                  </form>
+                </div>
+              </div>
+              <div py:for="itm in []" class="tb_item">
+                
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    
+    <script type='text/javascript'>
+      jQuery('a.ext-link').each(function() {
+          // Let's make external links open in a new window.
+          jQuery(this).attr("target", jQuery(this).attr("href"));
+        });
+    </script>
   </body></py:match>
 </html>
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.