Commit 09fa243f13ebbe59f44581e4775b3df01ca4449d

Authored by Melissa Wen
Committed by Macartur Sousa
1 parent 25c4caa6

Fix left and right alignments between header's rows

colab/static/css/header.css
@@ -146,6 +146,10 @@ @@ -146,6 +146,10 @@
146 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 146 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
147 } 147 }
148 148
  149 +#menu-spb.collapse{
  150 + padding-left: 0;
  151 +}
  152 +
149 #menu-spb > li > a{ 153 #menu-spb > li > a{
150 padding: 5px 15px 5px 5px; 154 padding: 5px 15px 5px 5px;
151 } 155 }
@@ -169,8 +173,8 @@ @@ -169,8 +173,8 @@
169 background: none; 173 background: none;
170 } 174 }
171 175
172 -#quick-links{  
173 - padding-right: 30px 176 +.navbar-header.nav-spb .navbar-toggle{
  177 + padding: 7px 10px;
174 } 178 }
175 179
176 #quick-links > li > a{ 180 #quick-links > li > a{
@@ -195,7 +199,7 @@ @@ -195,7 +199,7 @@
195 margin: auto; 199 margin: auto;
196 } 200 }
197 201
198 -.navbar-header.logo .navbar-toggle{ 202 +.navbar-header.nav-spb .navbar-toggle{
199 float: left; 203 float: left;
200 margin: 0; 204 margin: 0;
201 } 205 }
colab/templates/header.html
@@ -3,12 +3,12 @@ @@ -3,12 +3,12 @@
3 3
4 <header> 4 <header>
5 <div class="navbar navbar-static-top"> 5 <div class="navbar navbar-static-top">
6 -<!-- begin of barra-brasil -->  
7 -<div id="barra-brasil">  
8 - <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">{% trans "Brazilian Government Portal" %}</a>  
9 -</div>  
10 -<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript" defer async></script>  
11 -<!-- end of barra-brasil --> 6 + <!-- begin barra-brasil -->
  7 + <div id="barra-brasil">
  8 + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">{% trans "Brazilian Government Portal" %}</a>
  9 + </div>
  10 + <script src="http://barra.brasil.gov.br/barra.js" type="text/javascript" defer async></script>
  11 + <!-- end of barra-brasil -->
12 <div id="first-nav"> 12 <div id="first-nav">
13 <div class="container"> 13 <div class="container">
14 <div class="row"> 14 <div class="row">
@@ -110,37 +110,35 @@ @@ -110,37 +110,35 @@
110 </div><!-- end of first-nav --> 110 </div><!-- end of first-nav -->
111 <div id="second-nav"> 111 <div id="second-nav">
112 <div class="container"> 112 <div class="container">
113 - <div class="row">  
114 - <ul id="quick-links-sm" class="hidden-md hidden-lg">  
115 - <li id="link-faq">  
116 - <a href="/social/spb/ajuda">{% trans "Frequently Asked Questions" %}</a>  
117 - </li>  
118 - <li id="link-contact">  
119 - <a href="/social/spb/contato">{% trans "Contact" %}</a>  
120 - </li>  
121 - </ul>  
122 - <div class="navbar-header logo">  
123 - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">  
124 - <span class="icon-bar"></span>  
125 - <span class="icon-bar"></span>  
126 - <span class="icon-bar"></span>  
127 - </button>  
128 - </div>  
129 - <ul id="menu-spb" class="nav navbar-nav navbar-collapse collapse ">  
130 - <li>  
131 - <a href="{% url 'thread_list' %}">{% trans "Groups" %}</a>  
132 - </li>  
133 - {% proxy_menu %}  
134 - </ul>  
135 - <ul id="quick-links" class="nav navbar-nav navbar-right hidden-xs hidden-sm">  
136 - <li id="link-faq">  
137 - <a href="/social/spb/ajuda">{% trans "Frequently Asked Questions" %}</a>  
138 - </li>  
139 - <li id="link-contact">  
140 - <a href="/social/spb/contato">{% trans "Contact" %}</a>  
141 - </li>  
142 - </ul> 113 + <ul id="quick-links-sm" class="hidden-md hidden-lg">
  114 + <li id="link-faq">
  115 + <a href="/social/spb/ajuda">{% trans "Frequently Asked Questions" %}</a>
  116 + </li>
  117 + <li id="link-contact">
  118 + <a href="/social/spb/contato">{% trans "Contact" %}</a>
  119 + </li>
  120 + </ul>
  121 + <div class="navbar-header nav-spb">
  122 + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  123 + <span class="icon-bar"></span>
  124 + <span class="icon-bar"></span>
  125 + <span class="icon-bar"></span>
  126 + </button>
143 </div> 127 </div>
  128 + <ul id="menu-spb" class="nav navbar-nav navbar-collapse collapse ">
  129 + <li>
  130 + <a href="{% url 'thread_list' %}">{% trans "Groups" %}</a>
  131 + </li>
  132 + {% proxy_menu %}
  133 + </ul>
  134 + <ul id="quick-links" class="nav navbar-nav navbar-right hidden-xs hidden-sm">
  135 + <li id="link-faq">
  136 + <a href="/social/spb/ajuda">{% trans "Frequently Asked Questions" %}</a>
  137 + </li>
  138 + <li id="link-contact">
  139 + <a href="/social/spb/contato">{% trans "Contact" %}</a>
  140 + </li>
  141 + </ul>
144 </div> 142 </div>
145 </div> 143 </div>
146 </div> 144 </div>