1. Olemis Lang
  2. trac-zurbtheme

Commits

jota81  committed 8d89c62

fixed issue: "Header: align logo in a row"
Now the logo and usermenu are in one row to save space on mobile, but if the
user menu need space then is aligned bottom the logo

  • Participants
  • Parent commits 6f7ab50
  • Branches default

Comments (0)

Files changed (1)

File zurbtheme/templates/zurb_theme.html

View file
  • Ignore whitespace
   <div class="row container">
     <div class="large-12 columns">
       <div class="large-12">
-        <div class="row large-6 columns">
-          <div id="banner">
+        <div class="row large-12">
+          <div id="banner" class="small-5 large-3 columns">
             <div id="header" py:choose=""> <a py:when="chrome.logo.src" id="logo" href="${chrome.logo.link or href.wiki('TracIni')+'#header_logo-section'}"><img
                     src="${chrome.logo.src}" alt="${chrome.logo.alt}"
                     height="${chrome.logo.height or None}" width="${chrome.logo.width or None}" /></a>
               <h1 py:otherwise=""><a href="${chrome.logo.link}">${project.name}</a></h1>
             </div>
           </div>
-        </div>
-          <div class="large-8 right">
-            <div id="topmenu" class="large-12">
-              <!--! top menu (login, logout...) -->
-              <py:with vars="meta_items = dict([i.name, i] for i in chrome.nav.metanav)">
-                <div id="usermenu" class="row large-12 right">
-                  <div class="metanav"> <span id="nav_login" py:choose="">
+            <div class="large-6 small-7 row right">
+                <div id="topmenu">
+                    <!--! top menu (login, logout...) -->
+                    <py:with vars="meta_items = dict([i.name, i] for i in chrome.nav.metanav)">
+                        <div id="usermenu" class="large-12 right columns">
+                            <div class="metanav"> <span id="nav_login" py:choose="">
                     <py:when test="req.authname and req.authname != 'anonymous'"> <i class="fi-torso size-18"/> ${req.authname} </py:when>
                     <py:otherwise> <a href="${req.href.login()}">${_("Login")}</a> </py:otherwise>
                     </span> <span py:if="'logout' in meta_items" id="nav_logout"> ${meta_items.logout.label} </span> <span py:if="'prefs' in meta_items"> ${meta_items.prefs.label} </span> <span py:if="'zadmin' in meta_items"> ${meta_items.zadmin.label} </span> <span py:if="'help' in meta_items"> ${meta_items.help.label} </span> <span class="last" py:if="'about' in meta_items"> ${meta_items.about.label} </span> </div>
+                        </div>
+                    </py:with>
                 </div>
-              </py:with>
+                <div id="searchbox" class="large-11 columns right">
+                    <form id="search" action="${href.search()}" method="get" class="custom">
+                        <div py:if="not defined('trac_error_rendering') and 'SEARCH_VIEW' in perm">
+                            <div class="row collapse">
+                                <div class="small-12 large-12 columns">
+                                    <div class="large-6 small-6 columns">
+                                        <input type="text" id="proj-search" name="q" size="35" accesskey="f" value="" placeholder="Enter your search..."/>
+                                    </div>
+                                    <div class="large-6 small-6 columns">
+                                        <div class="large-5 small-5 columns">
+                                            <input class="button postfix" type="submit" value="${_('Search')}" />
+                                        </div>
+                                        <div class="large-7 small-7 columns">
+                                            <a href="${href.newticket()}">
+                                                <input class="button alert postfix" type="button" value="${_('New Ticket')}"/>
+                                            </a>
+                                        </div>
+                                    </div>
+                                    <div class="columns small-12 large-12" style="margin-top: -10px; font-size: 11px; margin-bottom: 10px;">
+                                        <a href="${href.search()}">Advanced ${_('Search')}</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
             </div>
-            <div id="searchbox" class="row large-11 right">
-              <form id="search" action="${href.search()}" method="get" class="custom">
-                <div py:if="not defined('trac_error_rendering') and 'SEARCH_VIEW' in perm">
-                  <div class="row collapse">
-                    <div class="small-12 large-12 columns">
-                      <div class="large-6 small-6 columns">
-                        <input type="text" id="proj-search" name="q" size="35" accesskey="f" value="" placeholder="Enter your search..."/>
-                      </div>
-                      <div class="large-6 small-6 columns">
-                         <div class="large-5 small-5 columns">
-                            <input class="button postfix" type="submit" value="${_('Search')}" />
-                         </div>
-                         <div class="large-7 small-7 columns">
-                          <a href="${href.newticket()}">
-                            <input class="button alert postfix" type="button" value="${_('New Ticket')}"/>
-                          </a>
-                         </div>
-                      </div>
-                        <div class="columns small-12 large-12" style="margin-top: -10px; font-size: 11px; margin-bottom: 10px;">
-                           <a href="${href.search()}">Advanced ${_('Search')}</a>
-                        </div>
-                    </div>
-                  </div>
-                </div>
-              </form>
-            </div>
-          </div>
-
-        <div class="row"> </div>
+        </div>
 
         <!--  ${navigation('metanav')} -->
       </div>