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

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