From 57726902fe70f6c051c20f7104a9b78687c15479 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Mon, 4 Jun 2018 03:52:59 +0200 Subject: progress barz --- public/assets/css/css.css | 51 +++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 49 insertions(+), 2 deletions(-) (limited to 'public/assets/css') 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; } -- cgit v1.2.3-70-g09d2