summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorYorhel <git@yorhel.nl>2020-02-21 08:30:46 +0100
committerYorhel <git@yorhel.nl>2020-03-16 12:45:42 +0100
commitbe6aa6cc7e8034cfc064acb22f44e66aa527e06f (patch)
treef5e27345a3bec3d4d516a7c986d34b23e37c2d28 /data
parent8fe95ae3c2119e5a5219ad072d441bac406ea547 (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.css15
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 {