Merge pull request #5151 from AntonKhorev/no-history-and-export-buttons

Move History and Export buttons to secondary nav

diff --combined app/assets/javascripts/index.js
index 4dfc849feb5d9d24361566c50de3793d1c65ebd6,820c268b6aab7219e10a042024c053c943d60676..c419f93216b44507f4aed454b01792feba3744e9
--- 1/app/assets/javascripts/index.js
--- 2/app/assets/javascripts/index.js
+++ b/app/assets/javascripts/index.js
@@@ -1,7 -1,7 +1,7 @@@
  //= require_self
  //= require leaflet.sidebar
  //= require leaflet.sidebar-pane
 -//= require leaflet.locatecontrol/src/L.Control.Locate
 +//= require leaflet.locatecontrol/dist/L.Control.Locate.umd
  //= require leaflet.locate
  //= require leaflet.layers
  //= require leaflet.key
@@@ -25,6 -25,8 +25,6 @@@
  //= require qs/dist/qs
  
  $(document).ready(function () {
 -  var loaderTimeout;
 -
    var map = new L.OSM.Map("map", {
      zoomControl: false,
      layerControl: false,
@@@ -37,7 -39,11 +37,7 @@@
  
      map.setSidebarOverlaid(false);
  
 -    clearTimeout(loaderTimeout);
 -
 -    loaderTimeout = setTimeout(function () {
 -      $("#sidebar_loader").show();
 -    }, 200);
 +    $("#sidebar_loader").show().addClass("delayed-fade-in");
  
      // IE<10 doesn't respect Vary: X-Requested-With header, so
      // prevent caching the XHR response as a full-page URL.
@@@ -54,8 -60,9 +54,8 @@@
        url: content_path,
        dataType: "html",
        complete: function (xhr) {
 -        clearTimeout(loaderTimeout);
          $("#flash").empty();
 -        $("#sidebar_loader").hide();
 +        $("#sidebar_loader").removeClass("delayed-fade-in").hide();
  
          var content = $(xhr.responseText);
  
@@@ -405,6 -412,9 +405,9 @@@
  
      if (OSM.router.route(this.pathname + this.search + this.hash)) {
        e.preventDefault();
+       if (this.pathname !== "/directions") {
+         $("header").addClass("closed");
+       }
      }
    });
  

diff --combined app/assets/stylesheets/common.scss
index 73f8521d7fbc3f2a816deaa75661c81783df846d,7673891eb14d00d39a6f5160163ec08503602843..c4391be2d1f8084b1ec63573fd8934db2becefd8
--- 1/app/assets/stylesheets/common.scss
--- 2/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@@ -70,18 -70,6 +70,18 @@@ time[title] 
    }
  }
  
 +/* Utility for delayed loading spinner */
 +
 +.delayed-fade-in {
 +  animation: 300ms linear forwards delayed-fade-in;
 +}
 +
 +@keyframes delayed-fade-in {
 +  0%   { opacity: 0 }
 +  66%  { opacity: 0 }
 +  100% { opacity: 1 }
 +}
 +
  /* Rules for the header */
  
  #menu-icon {
@@@ -131,7 -119,7 +131,7 @@@ header 
  }
  
  nav.primary {
-   & > .btn-group .btn-outline-primary {
+   #edit_tab .btn-outline-primary {
      @include button-outline-variant($green, $color-hover: $white, $active-color: $white);
    }
  
@@@ -209,9 -197,7 +209,7 @@@ body.small-nav 
      }
    }
  
-   #sidebar .search_forms,
-   #edit_tab,
-   #export_tab {
+   #sidebar .search_forms {
      display: none;
    }
  
@@@ -219,7 -205,7 +217,7 @@@
      margin-right: 0;
      padding: 0;
  
-     .btn-group {
+     #edit_tab {
        width: 100%;
        padding: 10px;
      }
@@@ -380,14 -366,6 +378,14 @@@
      .leaflet-marker-draggable {
        cursor: move;
      }
 +
 +    .query-marker {
 +      animation: 1500ms forwards query-marker-fade;
 +
 +      @keyframes query-marker-fade {
 +        to { opacity: 0 }
 +      }
 +    }
    }
  
    #map-ui {