progress barz

1 files changed, 49 insertions, 2 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index c2b0fc8..714a59e 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -300,8 +300,8 @@ section {
   max-width: 100vw;
   flex-wrap: wrap;
 }
-.datasets .row.dataset > .col:nth-child(1) { min-width: 300px; }
-.datasets .row.dataset > .col:nth-child(2) { min-width: 60px; }
+.datasets .row.dataset > .col:nth-child(1) { min-width: 270px; }
+.datasets .row.dataset > .col:nth-child(2) { min-width: 80px; }
 .datasets .row.dataset > .col:nth-child(3) { min-width: 200px; }
 .datasets .row.dataset > .col:nth-child(4) { min-width: 350px; }
 .datasets .row.dataset > .col {
@@ -358,6 +358,53 @@ section {
   margin-bottom: 10px;
 }
 
+/* actions */
+.actions .link {
+  padding-right: 3px;
+}
+.desktop .rows .row > div.hiddenActions {
+  overflow: visible;
+}
+.desktop .hiddenActions {
+  position: relative;
+}
+.desktop .hiddenActions .actions {
+  position: absolute;
+  left: -10px;
+  top: -1px;
+  transition: opacity 0.05s;
+  opacity: 0;
+}
+.desktop .hiddenActions .subtext {
+  transition: opacity 0.05s;
+  opacity: 1;
+}
+.desktop .row:hover .hiddenActions .subtext {
+  opacity: 0;
+}
+.desktop .row:hover .hiddenActions .actions {
+  opacity: 1;
+}
+
+/* progress bar */
+.progress div {
+  margin: 1px;
+  width: 20px;
+  height: 2px;
+  display: inline-block;
+  box-shadow: 0 1px 2px rgba(10,17,23,0.2);
+  transition: all 0.1s;
+}
+.progress .x {
+  background: #333;
+  opacity: 0.8a;
+}
+.progress .o {
+  background: #fff;
+  opacity: 0.9;
+  box-shadow: 0 1px 2px rgba(10,17,23,0.4);
+}
+
 /* bucky bogart.css color shading :) */
 .new    { color: #000000; font-weight: bold; }
 .recent { color: #001111; }