Merge pull request #122 from MITLibraries/gdt-143-progress

Make default progress indicator more prominent

Author: matt-bernhardt

app/assets/stylesheets/application.css.scss

@@ -11,6 +11,7 @@
 @import "partials/_local_nav";
 @import "partials/_pagination";
 @import "partials/_panels";
+@import "partials/_progress_bar";
 @import "partials/_search";
 @import "partials/_results";
 @import "partials/_typography";

app/assets/stylesheets/partials/_progress_bar.scss

@@ -0,0 +1,4 @@
+.turbo-progress-bar {
+  background: linear-gradient(to right, #000, #fff);
+  height: 75px;
+}

app/javascript/application.js

@@ -1,3 +1,6 @@
 // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
 import "@hotwired/turbo-rails"
 import "controllers"
+
+// Show the progress bar after 200 milliseconds, not the default 500
+Turbolinks.setProgressBarDelay(200)