3235: Infinite scroll error handling: Show error message and "Retry" button

[arvados.git] / apps / workbench / app / assets / stylesheets / application.css.scss

diff --git a/apps/workbench/app/assets/stylesheets/application.css.scss b/apps/workbench/app/assets/stylesheets/application.css.scss
index 39b037cb89991d22e594e4747c605e5b0eed4be2..a62bedd6591c1408bee2a8b6040f0c03740cdbf0 100644 (file)
--- a/apps/workbench/app/assets/stylesheets/application.css.scss
+++ b/apps/workbench/app/assets/stylesheets/application.css.scss
@@ -92,18 +92,21 @@ form.small-form-margin {
 
 /* top nav */
 $top-nav-bg: #3c163d;
+$top-nav-bg-bottom: #260027;
 nav.navbar-fixed-top .navbar-brand {
     color: #79537a;
     letter-spacing: 0.4em;
 }
 nav.navbar-fixed-top {
     background: $top-nav-bg;
+    background: linear-gradient(to bottom, $top-nav-bg 0%,$top-nav-bg-bottom 100%);
 }
 .navbar.breadcrumbs {
     line-height: 50px;
     border-radius: 0;
-    width: 10000px;
     margin-bottom: 0;
+    border-right: 0;
+    border-left: 0;
 }
 .navbar.breadcrumbs .nav > li > a,
 .navbar.breadcrumbs .nav > li {
@@ -112,6 +115,15 @@ nav.navbar-fixed-top {
 .navbar.breadcrumbs .nav > li.nav-separator > i {
     color: #bbb;
 }
+.navbar.breadcrumbs .navbar-form {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+.navbar.breadcrumbs .navbar-text {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
 nav.navbar-fixed-top .navbar-nav.navbar-right > li.open > a,
 nav.navbar-fixed-top .navbar-nav.navbar-right > li.open > a:focus,
 nav.navbar-fixed-top .navbar-nav.navbar-right > li.open > a:hover {
@@ -131,6 +143,11 @@ nav.navbar-fixed-top .navbar-nav.navbar-right > li > a:hover {
 
 .smart-scroll {
     overflow: auto;
+    margin-bottom: -15px;
+}
+
+.infinite-scroller .fa-warning {
+    color: #800;
 }
 
 .inline-progress-container div.progress {
@@ -208,7 +225,7 @@ div#wrapper {
   padding-bottom: 1em;
 }
 .arv-description-in-table {
-  max-height: 3.5em;
+  height: 4em;
   overflow-x: hidden;
   overflow-y: hidden;
 }