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

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 /* Style for _show_files tree view. */
   6
   7 ul#collection_files {
   8   padding: 0 .5em;
   9 }
  10
  11 ul.collection_files {
  12   line-height: 2.5em;
  13   list-style-type: none;
  14   padding-left: 2.3em;
  15 }
  16
  17 ul.collection_files li {
  18   clear: both;
  19 }
  20
  21 .collection_files_row {
  22   padding: 1px;  /* Replaced by border for :hover */
  23 }
  24
  25 .collection_files_row:hover {
  26   background-color: #D9EDF7;
  27   padding: 0px;
  28   border: 1px solid #BCE8F1;
  29   border-radius: 3px;
  30 }
  31
  32 .collection_files_inline {
  33   clear: both;
  34   width: 80%;
  35   margin: 0 3em;
  36 }
  37
  38 .collection_files_inline img {
  39   max-height: 15em;
  40 }
  41
  42 .collection_files_name {
  43   padding-left: .5em;
  44   white-space: nowrap;
  45   overflow: hidden;
  46   text-overflow: ellipsis;
  47 }
  48
  49 .collection_files_name i.fa-fw:first-child {
  50   width: 1.6em;
  51 }
  52
  53 /*
  54   "active" and "inactive" colors are too similar for a toggle switch
  55   in the default bootstrap theme.
  56   */
  57
  58 $inactive-bg: #5bc0de;
  59 $active-bg: #39b3d7;
  60
  61 .btn-group.toggle-persist .btn {
  62     width: 6em;
  63 }
  64 .btn-group.toggle-persist .btn-info {
  65     background-color: lighten($inactive-bg, 15%);
  66 }
  67
  68 .btn-group.toggle-persist .btn-info.active {
  69     background-color: $active-bg;
  70 }
  71
  72 .lock-collection-btn {
  73     display: inline-block;
  74     padding: .5em 2em;
  75     margin: 0 1em;
  76 }
  77
  78 .collection-tag-field * {
  79   display: inline-block;
  80 }