X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/7df2da959b583d3646b9fde606f9e74d598d4bb9..9ac57b0bc6cb5d90da57c943df489401c63b7a7f:/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 8f377bee0c..bab72893bd 100644
--- a/apps/workbench/app/assets/stylesheets/application.css.scss
+++ b/apps/workbench/app/assets/stylesheets/application.css.scss
@@ -7,13 +7,15 @@
  *
  * You're free to add application-wide styles to this file and they'll appear at the top of the
  * compiled file, but it's generally better to create a new file per style scope.
- *
- *= require_self
- *= require bootstrap
- *= require bootstrap3-editable/bootstrap-editable
- *= require_tree .
  */
 
+@import 'bootstrap-sprockets';
+@import 'bootstrap';
+@import 'bootstrap3-editable/bootstrap-editable';
+
+//= require morris
+//= require_tree .
+
 .contain-align-left {
     text-align: left;
 }
@@ -47,6 +49,9 @@ table.table-justforlayout {
     font-size: .8em;
     color: #888;
 }
+.lighten {
+    color: #888;
+}
 .arvados-filename,
 .arvados-uuid {
     font-size: .8em;
@@ -89,14 +94,60 @@ form.small-form-margin {
 .nowrap {
     white-space: nowrap;
 }
+input.select-on-focus {
+    font-family: monospace;
+    background: inherit;
+    border: thin #ccc solid;
+    border-radius: .2em;
+    padding: .15em .5em;
+}
+input.select-on-focus:focus {
+    border-color: #9bf;
+}
 
-.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 {
@@ -107,6 +158,15 @@ form.small-form-margin {
 
 .smart-scroll {
     overflow: auto;
+    margin-bottom: -15px;
+}
+
+.infinite-scroller .fa-warning {
+    color: #800;
+}
+
+th[data-sort-order] {
+    cursor: pointer;
 }
 
 .inline-progress-container div.progress {
@@ -155,11 +215,8 @@ table.table-fixed-header-row tbody {
     top:1.5em;
 }
 
-/* Setting the height needs to be fixed with javascript. */
 .dropdown-menu {
-    padding-right: 20px;
-    max-height: 440px;
-    width: 400px;
+    max-height: 30em;
     overflow-y: auto;
 }
 
@@ -184,12 +241,12 @@ div#wrapper {
   padding-bottom: 1em;
 }
 .arv-description-in-table {
-  max-height: 3.5em;
+  height: 4em;
   overflow-x: hidden;
   overflow-y: hidden;
 }
 .arv-description-in-table:hover {
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .btn.btn-nodecorate {
@@ -198,3 +255,57 @@ div#wrapper {
 svg text {
     font-size: 6pt;
 }
+
+div.pane-content iframe {
+  width: 100%;
+  border: none;
+}
+span.editable-textile {
+  display: inline-block;
+}
+.text-overflow-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.time-label-divider {
+  font-size: 80%;
+  min-width: 1em;
+  padding: 0px 2px 0px 0px;
+}
+.task-summary-status {
+  font-size: 80%;
+}
+#page-wrapper > div > h2 {
+  margin-top: 0px;
+}
+
+.compute-summary-numbers td {
+  font-size: 150%;
+}
+
+.arv-log-refresh-control {
+  display: none;
+}
+
+/* Hide Angular content until Angular is ready */
+[ng\:cloak], [ng-cloak], .ng-cloak {
+    display: none !important;
+}
+
+/* tabs */
+ul.nav.nav-tabs {
+    font-size: 90%
+}
+
+.hover-dropdown:hover .dropdown-menu {
+  display: block;
+}
+
+.arv-description-as-subtitle .editable-inline,
+.arv-description-as-subtitle .editable-inline .form-group,
+.arv-description-as-subtitle .editable-inline .form-group .editable-input,
+.arv-description-as-subtitle .editable-inline .form-group .editable-input textarea,
+{
+    width: 98%!important;
+}