diff options
author | Yorhel <git@yorhel.nl> | 2020-11-29 15:08:44 +0100 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2020-11-29 15:08:46 +0100 |
commit | f6cfbe1341ea5eda2f069ec2264e3cd24498f277 (patch) | |
tree | 58b2a42f351c71e1362a865bd18ea115f9e8d623 /data | |
parent | 58c3cb24091af1344cb5d036f6a0b4d01b1b3eac (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.css | 12 |
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 } |