X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/a28be6d77750a6cbded994612d95ee973cb4c01e..912464ad82bad38f1ce7984b6d4b19734a9816a9:/apps/workbench/app/assets/stylesheets/collections.css.scss

diff --git a/apps/workbench/app/assets/stylesheets/collections.css.scss b/apps/workbench/app/assets/stylesheets/collections.css.scss
index 2edd683511..35c2249ecf 100644
--- a/apps/workbench/app/assets/stylesheets/collections.css.scss
+++ b/apps/workbench/app/assets/stylesheets/collections.css.scss
@@ -1,3 +1,51 @@
+/* Style for _show_files tree view. */
+
+ul#collection_files {
+  padding: 0 .5em;
+}
+
+ul.collection_files {
+  line-height: 2.5em;
+  list-style-type: none;
+  padding-left: 2.3em;
+}
+
+ul.collection_files li {
+  clear: both;
+}
+
+.collection_files_row {
+  padding: 1px;  /* Replaced by border for :hover */
+}
+
+.collection_files_row:hover {
+  background-color: #D9EDF7;
+  padding: 0px;
+  border: 1px solid #BCE8F1;
+  border-radius: 3px;
+}
+
+.collection_files_inline {
+  clear: both;
+  width: 80%;
+  margin: 0 3em;
+}
+
+.collection_files_inline img {
+  max-height: 15em;
+}
+
+.collection_files_name {
+  padding-left: .5em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.collection_files_name i.fa-fw:first-child {
+  width: 1.6em;
+}
+
 /*
   "active" and "inactive" colors are too similar for a toggle switch
   in the default bootstrap theme.
@@ -6,11 +54,13 @@
 $inactive-bg: #5bc0de;
 $active-bg: #39b3d7;
 
-.btn-group[data-toggle=buttons] label {
+.btn-group.toggle-persist .btn {
+    width: 6em;
+}
+.btn-group.toggle-persist .btn-info {
     background-color: lighten($inactive-bg, 15%);
 }
 
-.btn-group[data-toggle=buttons] label.active {
+.btn-group.toggle-persist .btn-info.active {
     background-color: $active-bg;
-    opacity: 1;
 }