diff options
author | Yorhel <git@yorhel.nl> | 2020-02-21 08:30:46 +0100 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2020-03-16 12:45:42 +0100 |
commit | be6aa6cc7e8034cfc064acb22f44e66aa527e06f (patch) | |
tree | f5e27345a3bec3d4d516a7c986d34b23e37c2d28 /data | |
parent | 8fe95ae3c2119e5a5219ad072d441bac406ea547 (diff) |
imgflag: Initial schema + UI for image flagging
Lots of TODO's left to work on, but you have to start somewhere.
I've bumped the Docker image version because this change requires TUWF
commit 74aad378d49592df4359ea8a9f6f36d4a0013c04 (Elm decoder for structs
with more than 8 fields)
Diffstat (limited to 'data')
-rw-r--r-- | data/style.css | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/data/style.css b/data/style.css index ec1addd6..5168515c 100644 --- a/data/style.css +++ b/data/style.css @@ -1075,6 +1075,21 @@ p.filselect i { font-style: normal } +/****** Image flagging *******/ + +.imageflag { width: 810px; margin: auto } +.imageflag div:nth-child(1) { display: flex; justify-content: space-between; height: 20px } +.imageflag div:nth-child(1) span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 20px } +.imageflag div:nth-child(2) { border: 1px solid $border$; padding: 5px; display: flex; justify-content: center; align-items: center; background: #000 } +.imageflag div:nth-child(2) a { border: none; display: inline-block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center } +.imageflag div:nth-child(3) { display: flex; justify-content: space-between; } +.imageflag ul.imgvoteopt { display: flex; align-items: center; list-style-type: none; margin: 5px 0 } +.imageflag ul.imgvoteopt span { font-weight: bold; padding-right: 5px } +.imageflag ul.imgvoteopt li:nth-child(4) { flex-grow: 1 } +.imageflag ul.imgvoteopt li label { display: inline-block; border: 1px solid $secborder$; padding: 4px 5px; min-width: 90px; white-space: nowrap; margin: 2px } +.imageflag ul.imgvoteopt li.sel label { background-color: $secbg$ } + + /****** Icons *******/ .icons { |