diff options
author | Yorhel <git@yorhel.nl> | 2020-04-07 16:05:36 +0200 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2020-04-07 16:05:42 +0200 |
commit | f27a8442754f03dedc57932766c50178cd99f066 (patch) | |
tree | e2ebf78fe7b5d5894126b28ba2d012adb6a2e748 /data | |
parent | ecef4f6ee7c43e4bba874f1f2c06565758ef0360 (diff) |
Image::List: Display inline SVG graph rather than raw numbers
Still messy, but hopefully easier to interpret.
Diffstat (limited to 'data')
-rw-r--r-- | data/style.css | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/data/style.css b/data/style.css index 9499b523..8cac08ab 100644 --- a/data/style.css +++ b/data/style.css @@ -1093,12 +1093,14 @@ p.filselect i { font-style: normal } /****** Image browser (/img/browse) ******/ div.imagebrowse { padding: 0; display: flex; flex-wrap: wrap } -.imagebrowse .imagecard { padding: 2px; width: 350px; display: flex } +.imagebrowse .imagecard { padding: 2px; display: flex; flex: 1 } .imagebrowse .imagecard:hover { background-color: $secbg$ } -.imagebrowse .imagecard > a { display: block; width: 150px; height: 120px; background-size: contain; background-repeat: no-repeat; background-position: top right; border: none } +.imagebrowse .imagecard > a { flex-shrink: 0; display: block; width: 150px; height: 120px; background-size: contain; background-repeat: no-repeat; background-position: top right; border: none } .imagebrowse .imagecard > div { padding: 0 0 0 4px } -.imagebrowse .imagecard dl dt { clear: left; float: left; width: 50px } -.imagebrowse .imagecard dl dd { float: left; font-family: monospace } +.imagebrowse .imagecard > div svg { font-size: 11px } +.imagebrowse .imagecard > div svg .errorbar { stroke: $standout$; stroke-width: 2 } +.imagebrowse .imagecard > div svg .ruler { stroke: $border$; stroke-width: 1; stroke-dasharray: 3 } +.imagebrowse .imagecard > div svg rect { fill: $maintext$ } /****** Icons *******/ |