user menu fix
authorEden Halperin <eden.halperin@gmail.com>
Wed, 6 Nov 2013 18:17:36 +0000 (13:17 -0500)
committerEden Halperin <eden.halperin@gmail.com>
Wed, 6 Nov 2013 18:17:36 +0000 (13:17 -0500)
app/assets/javascripts/leaflet.key.js
app/assets/javascripts/leaflet.layers.js
app/assets/javascripts/leaflet.share.js
app/assets/stylesheets/common.css.scss
app/assets/stylesheets/small.css.scss
app/views/layouts/_header.html.erb

index ea236a569e316b99ec87f0e86f6189a75fccfbaf..3f71932fbbcdf131f5a9bd95bbe89f7d73d83066 100644 (file)
@@ -6,7 +6,7 @@ L.OSM.key = function (options) {
       .attr('class', 'control-key');
 
     var button = $('<a>')
-      .attr('class', 'control-button')
+      .attr('class', 'control-button mobile-hide')
       .attr('href', '#')
       .html('<span class="icon key"></span>')
       .on('click', toggle)
index fd493ee32c212d882b38bd6948ef07861c26cd55..ba1461b205f00125e32084c7b0485e9b3a8e683b 100644 (file)
@@ -8,7 +8,7 @@ L.OSM.layers = function(options) {
       .attr('class', 'control-layers');
 
     var button = $('<a>')
-      .attr('class', 'control-button')
+      .attr('class', 'control-button mobile-hide')
       .attr('href', '#')
       .attr('title', I18n.t('javascripts.map.layers.title'))
       .html('<span class="icon layers"></span>')
index 6a4491c2a7e57fcbf6158603bf8779dfd8990f70..6701e0bbd4ccf89227dd6de1c2797eba7c7aba04 100644 (file)
@@ -11,7 +11,7 @@ L.OSM.share = function (options) {
       .attr('class', 'control-share');
 
     var button = $('<a>')
-      .attr('class', 'control-button')
+      .attr('class', 'control-button mobile-hide')
       .attr('href', '#')
       .attr('title', I18n.t('javascripts.share.title'))
       .html('<span class="icon share"></span>')
index ca65a1b3d56440d0cd188bc544e234bcaee8b1d2..19cb873df9dd7d6c6bc92192222b125228ee2b50 100644 (file)
@@ -238,7 +238,7 @@ table {
 /* Rules for the header */
 
 #menu-icon { 
-  display: none;
+  display: none !important;
   float: right;
   background: url("/assets/menu-icon.png") no-repeat;
   background-size: 30px 30px;
@@ -252,7 +252,6 @@ table {
 header {
   height: $headerHeight;
   position: relative;
-  // border-bottom: $keyline;
   z-index: 1001;
   font-size: 13px;
 
@@ -357,14 +356,16 @@ nav.secondary {
   position: absolute;
   right: 0;
 
-  > ul a,
-  .dropdown-toggle {
-    display: inline-block;
-    text-decoration: none;
-    color: $darkgrey;
-    padding: 5px;
+  > ul {
+    vertical-align: middle;
+    a, .dropdown-toggle {
+      display: inline-block;
+      text-decoration: none;
+      color: $darkgrey;
+      padding: 5px;
 
-    &:hover { color: darken($darkgrey, 10%); }
+      &:hover { color: darken($darkgrey, 10%); }
+    }
   }
 
   > ul li.current a {
@@ -381,6 +382,7 @@ nav.secondary {
 
     > li {
       border-right: $border;
+      float: left;
       &:last-child { 
         border-right: 0;
 
index a92bf4ac5491aa1485520fcaf735fb886d9a8ba6..de1b44bb5d6075d2939175de8984d63695fc9d8b 100644 (file)
@@ -11,7 +11,7 @@
 /* Rules for the whole left sidebar, including the logo */
 
 #menu-icon {
-  display: inline-block;
+  display: inline-block !important;
 }
 
 
@@ -87,13 +87,13 @@ nav.secondary {
     width: 100%;
     position: fixed;
     top: 58px;
-    height: 360px;
+    height: 370px;
     overflow-x: hidden;
     z-index: 1;
     background: #fff;
     p.large-text {
-      font-size: 1.4em;
-      line-height: 1.5em;
+      font-size: 1.2em;
+      line-height: 1.4em;
     }
     &.minimized {
       background: none;
index 316349664344758cbcda454053a5f11eb5eb4dcd..ab60af2fa5684af7c716820f5e25c5e5439eb0c2 100644 (file)
@@ -71,7 +71,7 @@
         </ul>
       </div>
     <% else %>
-      <ul class="user-menu">
+      <ul class="user-menu clearfix">
         <li><%= link_to t('layouts.log_in'), login_path(:referer => request.fullpath) %></li>
         <li><%= link_to t('layouts.sign_up'), user_new_path %></li>
       </ul>