summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorYorhel <git@yorhel.nl>2020-11-29 15:08:44 +0100
committerYorhel <git@yorhel.nl>2020-11-29 15:08:46 +0100
commitf6cfbe1341ea5eda2f069ec2264e3cd24498f277 (patch)
tree58b2a42f351c71e1362a865bd18ea115f9e8d623 /data
parent58c3cb24091af1344cb5d036f6a0b4d01b1b3eac (diff)
AdvSearch: Draw some lines + move [+] button again
It's still more intuitive to have the [+] button placed where the new filters will actually be added, I guess. This lines should make it much clearer what the full and/or structure looks like. The implementation is terrible and really should not work as well as it does.
Diffstat (limited to 'data')
-rw-r--r--data/style.css12
1 files changed, 11 insertions, 1 deletions
diff --git a/data/style.css b/data/style.css
index cefa4d70..446c1e89 100644
--- a/data/style.css
+++ b/data/style.css
@@ -1133,9 +1133,19 @@ p.filselect i { font-style: normal }
.advsearch { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center }
.advsearch .advrow > div:first-child { width: auto }
.advsearch .advnest > tr > td { padding: 0 2px }
-.advsearch .advnest > tr > td:first-child { text-align: right; white-space: nowrap; border-right: 1px dashed $border$ }
+.advsearch .advnest > tr > td:first-child { text-align: right; white-space: nowrap; }
.advsearch .advnest > tr > td:first-child > div { width: auto }
.advsearch .advnest > tr > td:first-child > b { display: block; margin: 6px 3px 0 0 }
+
+/* Line drawing. This is awful */
+.advsearch .advnest > tr > td:nth-child(2) { position: relative; width: 15px; padding: 0 }
+.advsearch .advnest > tr > td:nth-child(2) div { border-left: 1px solid $border$; width: 15px; position: absolute; left: 5px; top: 0; bottom: 0 }
+.advsearch .advnest > tr > td:nth-child(2).start { top: 13px }
+.advsearch .advnest > tr > td:nth-child(2).start div { border-top: 1px solid $border$ }
+.advsearch .advnest > tr > td:nth-child(2).start span { display: block; position: absolute; left: -5px; top: 0; width: 15px; border-top: 1px solid $border$; height: 1px }
+.advsearch .advnest > tr > td:nth-child(2).end div { bottom: 13px; border-bottom: 1px solid $border$ }
+.advsearch .advnest > tr > td:nth-child(2).mid span { display: block; position: absolute; left: 5px; top: 13px; width: 15px; border-top: 1px solid $border$; height: 1px }
+
.advsearch .elm_dd_input { display: inline-block; margin: 5px 4px; width: 150px; vertical-align: middle }
.advsearch .elm_dd_input.short { width: auto }
.advsearch .advbut { width: 100%; background-color: $_blendbg$; text-align: right; white-space: nowrap }