Fix some issues with the new tab styling

Uses the parent of the tabnav element to do its positioning, and fixes
this style in RTL and small.

Also move the greetings block into the top-bar div in order to cleanly
have it share a border with tabs.

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index d62be0ec73547c22bb908d15a52ac19b2752d4f3..12a5a808998d059acaee68c3d8086128bccc8655 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -248,9 +248,12 @@ h2 {
 
 /* Rules for tabbed navigation bar */
 
 
 /* Rules for tabbed navigation bar */
 

-#tabnav {
-  height: 29px;
+#top-bar {

   border-bottom: 1px solid #ccc;
   border-bottom: 1px solid #ccc;

+  height: 29px;
+}
+
+#tabnav {

   padding: 0;
   margin: 0;
   overflow:hidden;
   padding: 0;
   margin: 0;
   overflow:hidden;


@@ -293,10 +296,10 @@ h2 {
 /* Rules for greeting bar in the top right corner */
 
 #greeting {
 /* Rules for greeting bar in the top right corner */
 
 #greeting {

-  height: 30px;
+  height: 28px;

   margin: 0px;
   font-size: 13px;
   margin: 0px;
   font-size: 13px;

-  line-height: 30px;
+  line-height: 28px;

 }
 
 .greeting-bar-unread {
 }
 
 .greeting-bar-unread {

diff --git a/app/assets/stylesheets/ltr.css.scss b/app/assets/stylesheets/ltr.css.scss
index 039d901c008d67951489bc1c22a0e4308be9a72e..5eba8ddb9f798d38a3fda13a3246d08eff0d87d2 100644 (file)
--- a/app/assets/stylesheets/ltr.css.scss
+++ b/app/assets/stylesheets/ltr.css.scss
@@ -68,7 +68,7 @@ html body {
 
 /* Rules for tabbed navigation bar */
 
 
 /* Rules for tabbed navigation bar */
 

-#tabnav {
+#top-bar {

   margin-left: 185px;
 }
 
   margin-left: 185px;
 }
 

diff --git a/app/assets/stylesheets/rtl.css.scss b/app/assets/stylesheets/rtl.css.scss
index 669889ce99d1c962cafc9479a1ad1f3e51475f0b..b9223e5228e8f729a7b2af6cfbdbdfb40757a994 100644 (file)
--- a/app/assets/stylesheets/rtl.css.scss
+++ b/app/assets/stylesheets/rtl.css.scss
@@ -68,15 +68,15 @@ html body {
 
 /* Rules for tabbed navigation bar */
 
 
 /* Rules for tabbed navigation bar */
 

-#tabnav {
-  margin-right: 185px;
+#top-bar {
+  margin-right: 185px

 }
 
 #tabnav a,
 #tabnav a:link,
 #tabnav a:visited {
   float: right;
 }
 
 #tabnav a,
 #tabnav a:link,
 #tabnav a:visited {
   float: right;

-  margin-left: 4px;
+  margin-left: 1px;

 }
 
 /* Rules for greeting bar in the top right corner */
 }
 
 /* Rules for greeting bar in the top right corner */

diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss
index 59a6469cee8532d5e22e8856fa086edaff5cd311..412cf720371594f7780ae458dc8b6cc660a34608 100644 (file)
--- a/app/assets/stylesheets/small.css.scss
+++ b/app/assets/stylesheets/small.css.scss
@@ -17,9 +17,11 @@ h1 {
 }
 
 /* Rules for tabbed navigation bar */
 }
 
 /* Rules for tabbed navigation bar */

+#top-bar {
+  margin: 0;
+}

 
 

-#tabnav
-{
+#tabnav {

   height: 14px;
   margin: 0px;
   padding-top: 5px;
   height: 14px;
   margin: 0px;
   padding-top: 5px;


@@ -28,8 +30,7 @@ h1 {
   line-height: 10px;
 }
 
   line-height: 10px;
 }
 

-#tabnav a, #tabnav a:link, #tabnav a:visited 
-{
+#tabnav a, #tabnav a:link, #tabnav a:visited {

   font-size: 10px;
   line-height: 10px;
   padding: 2px 5px;
   font-size: 10px;
   line-height: 10px;
   padding: 2px 5px;

diff --git a/app/views/layouts/site.html.erb b/app/views/layouts/site.html.erb
index f43d3b3950bda3276898b671a9a57da5c2dbb797..b6fb08986753fe77f4fd8e0d8deabe653aca58c0 100644 (file)
--- a/app/views/layouts/site.html.erb
+++ b/app/views/layouts/site.html.erb
@@ -12,20 +12,19 @@
       <%= yield %>
     </div>
 
       <%= yield %>
     </div>
 

-    <span id="greeting">
-      <% if @user and @user.id %>
-        <span id="full-greeting"><%= raw(t 'layouts.welcome_user', :user_link => (link_to h(@user.display_name), {:controller => 'user', :action => 'view', :display_name => @user.display_name}, :title => t('layouts.welcome_user_link_tooltip'))) %></span> 
-        <span id="small-greeting"><%= link_to t('layouts.welcome_user_link_tooltip'), {:controller => 'user', :action => 'view', :display_name => @user.display_name} %></span> | 
-        <%= yield :greeting %>
-        <%= render :partial => "layouts/inbox" %> |
-        <%= link_to t('layouts.logout'), {:controller => 'user', :action => 'logout', :session => request.session_options[:id], :referer => request.fullpath}, {:id => 'logoutanchor', :title => t('layouts.logout_tooltip')}%>
-      <% else %>
-        <%= link_to t('layouts.log_in'), {:controller => 'user', :action => 'login', :referer => request.fullpath}, {:id => 'loginanchor', :title => t('layouts.log_in_tooltip')} %> |
-        <%= link_to t('layouts.sign_up'), {:controller => 'user', :action => 'new'}, {:id => 'registeranchor', :title => t('layouts.sign_up_tooltip')} %>
-      <% end %>
-    </span>
-
-    <div>
+    <div id='top-bar'>
+      <span id="greeting">
+         <% if @user and @user.id %>
+           <span id="full-greeting"><%= raw(t 'layouts.welcome_user', :user_link => (link_to h(@user.display_name), {:controller => 'user', :action => 'view', :display_name => @user.display_name}, :title => t('layouts.welcome_user_link_tooltip'))) %></span> 
+           <span id="small-greeting"><%= link_to t('layouts.welcome_user_link_tooltip'), {:controller => 'user', :action => 'view', :display_name => @user.display_name} %></span> | 
+           <%= yield :greeting %>
+           <%= render :partial => "layouts/inbox" %> |
+           <%= link_to t('layouts.logout'), {:controller => 'user', :action => 'logout', :session => request.session_options[:id], :referer => request.fullpath}, {:id => 'logoutanchor', :title => t('layouts.logout_tooltip')}%>
+         <% else %>
+           <%= link_to t('layouts.log_in'), {:controller => 'user', :action => 'login', :referer => request.fullpath}, {:id => 'loginanchor', :title => t('layouts.log_in_tooltip')} %> |
+           <%= link_to t('layouts.sign_up'), {:controller => 'user', :action => 'new'}, {:id => 'registeranchor', :title => t('layouts.sign_up_tooltip')} %>
+         <% end %>
+      </span>

       <ul id="tabnav">
         <%
         viewclass = 'geolink llz layers'
       <ul id="tabnav">
         <%
         viewclass = 'geolink llz layers'