X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/f263c987ad0b144393edd28f281c5b19e84fdf0b..22193a19dd10c71ae11cba977a76c9259735ad3c:/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 51c96d7fc8..a62bedd659 100644
--- a/apps/workbench/app/assets/stylesheets/application.css.scss
+++ b/apps/workbench/app/assets/stylesheets/application.css.scss
@@ -47,6 +47,7 @@ table.table-justforlayout {
     font-size: .8em;
     color: #888;
 }
+.arvados-filename,
 .arvados-uuid {
     font-size: .8em;
     font-family: monospace;
@@ -64,6 +65,9 @@ table.arv-index tbody td.arv-object-AuthorizedKey.arv-attr-public_key {
     overflow-x: hidden;
     max-width: 120px;
 }
+table.arv-index > thead > tr > th {
+    border-top: none;
+}
 table.table-fixedlayout {
     white-space: nowrap;
     table-layout: fixed;
@@ -86,13 +90,49 @@ form.small-form-margin {
     white-space: nowrap;
 }
 
-.navbar .nav li.nav-separator span {
-    display: block;
-    float: none;
-    color: #bbbbbb;
-    padding: 10px 0 10px;
-    text-decoration: none;
-    text-shadow: 0 1px 0 #ffffff;
+/* 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;
+    margin-bottom: 0;
+    border-right: 0;
+    border-left: 0;
+}
+.navbar.breadcrumbs .nav > li > a,
+.navbar.breadcrumbs .nav > li {
+    color: #000;
+}
+.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 {
+    background: lighten($top-nav-bg, 5%);
+}
+nav.navbar-fixed-top .navbar-nav.navbar-right > li > a,
+nav.navbar-fixed-top .navbar-nav.navbar-right > li > a:focus,
+nav.navbar-fixed-top .navbar-nav.navbar-right > li > a:hover {
+    color: #fff;
 }
 
 .dax {
@@ -103,6 +143,11 @@ form.small-form-margin {
 
 .smart-scroll {
     overflow: auto;
+    margin-bottom: -15px;
+}
+
+.infinite-scroller .fa-warning {
+    color: #800;
 }
 
 .inline-progress-container div.progress {
@@ -171,23 +216,26 @@ table.table-fixed-header-row tbody {
     z-index:1055;
 }
 
-.navbar-nav.side-nav {
-    box-shadow: inset -1px 0 #e7e7e7;
+/* Do not leave space for left-nav */
+div#wrapper {
+  padding-left: 0;
 }
-.navbar-nav.side-nav > li:first-child {
-    margin-top: 5px; /* keep "hover" bg below top nav bottom border */
+
+.arv-description-as-subtitle {
+  padding-bottom: 1em;
+}
+.arv-description-in-table {
+  height: 4em;
+  overflow-x: hidden;
+  overflow-y: hidden;
 }
-.navbar-nav.side-nav > li > a {
-    padding-top: 10px;
-    padding-bottom: 10px;
+.arv-description-in-table:hover {
+  overflow-y: auto;
 }
-.navbar-nav.side-nav > li.dropdown > ul.dropdown-menu > li > a {
-    padding-top: 5px;
-    padding-bottom: 5px;
+
+.btn.btn-nodecorate {
+  border: none;
 }
-.navbar-nav.side-nav a.active,
-.navbar-nav.side-nav a:hover,
-.navbar-nav.side-nav a:focus {
-    border-right: 1px solid #ffffff;
-    background: #ffffff;
+svg text {
+    font-size: 6pt;
 }