apps/workbench/app/assets/stylesheets/application.css.scss

   1 /*
   2  * This is a manifest file that'll be compiled into application.css, which will include all the files
   3  * listed below.
   4  *
   5  * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   6  * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
   7  *
   8  * You're free to add application-wide styles to this file and they'll appear at the top of the
   9  * compiled file, but it's generally better to create a new file per style scope.
  10  *
  11  *= require_self
  12  *= require bootstrap
  13  *= require bootstrap3-editable/bootstrap-editable
  14  *= require_tree .
  15  */
  16
  17 .contain-align-left {
  18     text-align: left;
  19 }
  20 table.topalign>tbody>tr>td {
  21     vertical-align: top;
  22 }
  23 table.topalign>thead>tr>td {
  24     vertical-align: bottom;
  25 }
  26 tr.cell-valign-center>td {
  27     vertical-align: middle;
  28 }
  29 tr.cell-noborder>td,tr.cell-noborder>th {
  30     border: none;
  31 }
  32 table.table-justforlayout>tr>td,
  33 table.table-justforlayout>tr>th,
  34 table.table-justforlayout>thead>tr>td,
  35 table.table-justforlayout>thead>tr>th,
  36 table.table-justforlayout>tbody>tr>td,
  37 table.table-justforlayout>tbody>tr>th{
  38     border: none;
  39 }
  40 table.table-justforlayout {
  41     margin-bottom: 0;
  42 }
  43 .smaller-text {
  44     font-size: .8em;
  45 }
  46 .deemphasize {
  47     font-size: .8em;
  48     color: #888;
  49 }
  50 .arvados-uuid {
  51     font-size: .8em;
  52     font-family: monospace;
  53 }
  54 table .data-size, .table .data-size {
  55     text-align: right;
  56 }
  57 body .editable-empty {
  58     color: #999;
  59 }
  60 body .editable-empty:hover {
  61     color: #0088cc;
  62 }
  63 table.arv-index tbody td.arv-object-AuthorizedKey.arv-attr-public_key {
  64     overflow-x: hidden;
  65     max-width: 120px;
  66 }
  67 table.table-fixedlayout {
  68     white-space: nowrap;
  69     table-layout: fixed;
  70 }
  71 table.table-fixedlayout td {
  72     overflow: hidden;
  73     overflow-x: hidden;
  74     text-overflow: ellipsis;
  75 }
  76 table.table-smallcontent td {
  77     font-size: 85%;
  78 }
  79 form input.search-mini {
  80     padding: 0 6px;
  81 }
  82 form.small-form-margin {
  83     margin-bottom: 2px;
  84 }
  85 .nowrap {
  86     white-space: nowrap;
  87 }
  88
  89 .navbar .nav li.nav-separator span {
  90     display: block;
  91     float: none;
  92     color: #bbbbbb;
  93     padding: 10px 0 10px;
  94     text-decoration: none;
  95     text-shadow: 0 1px 0 #ffffff;
  96 }
  97
  98 .dax {
  99     max-width: 10%;
 100     margin-right: 1em;
 101     float: left
 102 }
 103
 104 .smart-scroll {
 105     overflow: auto;
 106 }
 107
 108 .inline-progress-container div.progress {
 109     margin-bottom: 0;
 110 }
 111
 112 .inline-progress-container {
 113     width: 100%;
 114     display:inline-block;
 115 }
 116
 117 td.add-tag-button {
 118     white-space: normal;
 119 }
 120 td.add-tag-button .add-tag-button {
 121     margin-right: 4px;
 122     opacity: 0.2;
 123 }
 124 td.add-tag-button .add-tag-button:hover {
 125     opacity: 1;
 126 }
 127 span.removable-tag-container {
 128     line-height: 1.6;
 129 }
 130 .label.removable-tag a {
 131     color: #fff;
 132     cursor: pointer;
 133 }
 134
 135 li.notification {
 136     padding: 10px;
 137 }
 138
 139 // See HeaderRowFixer in application.js
 140 table.table-fixed-header-row {
 141     width: 100%;
 142     border-spacing: 0px;
 143     margin:0;
 144 }
 145 table.table-fixed-header-row thead {
 146     position:fixed;
 147     background: #fff;
 148 }
 149 table.table-fixed-header-row tbody {
 150     position:relative;
 151     top:1.5em;
 152 }
 153
 154 /* Setting the height needs to be fixed with javascript. */
 155 .dropdown-menu {
 156     padding-right: 20px;
 157     max-height: 440px;
 158     width: 400px;
 159     overflow-y: auto;
 160 }
 161
 162 .row-fill-height, .row-fill-height>div[class*='col-'] {
 163     display: flex;
 164 }
 165 .row-fill-height>div[class*='col-']>div {
 166     width: 100%;
 167 }
 168
 169 /* Show editable popover above side-nav */
 170 .editable-popup.popover {
 171     z-index:1055;
 172 }
 173
 174 .navbar-nav.side-nav {
 175     box-shadow: inset -1px 0 #e7e7e7;
 176 }
 177 .navbar-nav.side-nav > li:first-child {
 178     margin-top: 5px; /* keep "hover" bg below top nav bottom border */
 179 }
 180 .navbar-nav.side-nav > li > a {
 181     padding-top: 10px;
 182     padding-bottom: 10px;
 183 }
 184 .navbar-nav.side-nav > li.dropdown > ul.dropdown-menu > li > a {
 185     padding-top: 5px;
 186     padding-bottom: 5px;
 187 }
 188 .navbar-nav.side-nav a.active,
 189 .navbar-nav.side-nav a:hover,
 190 .navbar-nav.side-nav a:focus {
 191     border-right: 1px solid #ffffff;
 192     background: #ffffff;
 193 }