summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorYorhel <git@yorhel.nl>2019-11-06 14:15:30 +0100
committerYorhel <git@yorhel.nl>2019-11-10 12:44:55 +0100
commit27b1c8315c58e0f37baad991283e66b92e033a94 (patch)
tree73c45cedeb92790f7ee3a42a19921ed3055dcf26 /data
parenta2b82d18814521bd7fefe6b7b015c6bdee791ad0 (diff)
ulist: Generalize Elm dropdown + add release status change & removal
Found a cleaner way to recognize outside-of-dropdown clicks, so that gets rid of the weird and unreliable message timing workarounds. TODO: - Dynamically updating that releases summary thing (1/1 blah) - Adding releases - Add "linkradio" styling for plain <a> tags? These hidden checkboxes are silly for stuff that requires JS anyway.
Diffstat (limited to 'data')
-rw-r--r--data/style.css32
1 files changed, 17 insertions, 15 deletions
diff --git a/data/style.css b/data/style.css
index 4b2439f2..8d2be8f6 100644
--- a/data/style.css
+++ b/data/style.css
@@ -80,6 +80,20 @@ div.warning h2, div.notice h2 { font-size: 13px; font-weight: bold; margin: 0; }
#ds_box tr.selected { background: $boxbg$; }
#ds_box table { width: 100%; }
+/* Elm dropdowns */
+.elm_dd > a { color: $maintext$; display: block; border: none!important }
+.elm_dd > a > span { float: right; width: 16px; text-align: right; display: inline-block }
+.elm_dd > a > span i { visibility: hidden; font-style: normal }
+.elm_dd > a:hover > span > i,
+.elm_dd > a:focus > span > i { visibility: visible }
+.elm_dd > div { position: relative; float: right; width: 0; height: 0 }
+.elm_dd > div > ul { position: absolute; right: -10px; top: 0; border: 1px solid $border$; background-color: $secbg$; z-index: 1000; list-style-type: none; margin: 0; padding: 0 }
+.elm_dd > div > ul li { white-space: nowrap }
+.elm_dd > div > ul li label,
+.elm_dd > div > ul li a { display: block; padding-left: 10px; border: 0; padding: 3px 5px 3px 3px }
+.elm_dd > div > ul li label:hover,
+.elm_dd > div > ul li a:hover { background: $boxbg$ }
+
/* general text formatting */
@@ -807,24 +821,12 @@ div.votelist td.tc2 { width: 50px; text-align: right; padding-right: 10px }
.ulist .tc6 div:hover input, .ulist .tc7 div:hover input,
.ulist .tc6 div input:focus, .ulist .tc7 div input:focus { visibility: visible }
-.labeledit > a { color: $maintext$; display: block; border: none!important }
-.labeledit > a > span { float: right; width: 16px; text-align: right; display: inline-block }
-.labeledit > a > span i { visibility: hidden; font-style: normal }
-.labeledit > a:hover > span > i,
-.labeledit > a:focus > span > i { visibility: visible }
-.labeledit > div { position: relative; float: right; width: 0; height: 0 }
-.labeledit > div > ul { position: absolute; right: -10px; top: 0; border: 1px solid $border$; background-color: $secbg$; z-index: 1000; list-style-type: none; margin: 0; padding: 0 }
-.labeledit > div > ul li { white-space: nowrap }
-.labeledit > div > ul li label { display: block; padding-left: 10px; border: 0; padding: 3px 5px 3px 3px }
-.labeledit > div > ul li label:hover { background: $boxbg$ }
-
.ulist .tc_opt { padding: 0 0 5px 70px }
.ulist .tc_opt textarea { width: 500px; height: 50px }
.ulist .tc_opt textarea + div { display: inline-block; padding-left: 10px }
-.ulist .tc_opt .tco1 { white-space: nowrap; width: 70px }
-.ulist .tc_opt .tco2 { white-space: nowrap; width: 70px }
-.ulist .tc_opt .tco3 { white-space: nowrap; width: 100px }
-.ulist .tc_opt .tco4 { white-space: nowrap; width: 60px; text-align: right; padding-bottom: 0 }
+.ulist .tc_opt .tco1 { white-space: nowrap; width: 100px }
+.ulist .tc_opt .tco2 { white-space: nowrap; width: 100px }
+.ulist .tc_opt .tco3 { white-space: nowrap; width: 60px; text-align: right; padding-bottom: 0 }
/***** User VN list browser ******/