summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMischa Untaga <99098079+MischaU8@users.noreply.github.com>2023-12-04 16:42:21 +0100
committerMischa Untaga <99098079+MischaU8@users.noreply.github.com>2023-12-04 16:42:21 +0100
commit7a4001e1741f472fe9cb8a037f9f59817fab2bbc (patch)
tree741f0ebef71074f87138c653469c1ba1cc66db1f
parent2a2354a6fe7442dffd5539b5218eed9741b67e3c (diff)
downloadvotes-for-women-7a4001e1741f472fe9cb8a037f9f59817fab2bbc.tar.gz
card action popup faction style
-rw-r--r--play.html19
1 files changed, 17 insertions, 2 deletions
diff --git a/play.html b/play.html
index 7c3710a..4231f55 100644
--- a/play.html
+++ b/play.html
@@ -284,6 +284,21 @@ body.Opposition #set_aside_header { background-color: var(--opp-85); }
}
}
+/* CARD ACTION POPUP MENU */
+
+.popup {
+ min-width: 150px;
+ box-shadow: 0px 8px 16px 0px #0004;
+}
+
+body.Suffragist .popup { background-color: var(--suf-85) }
+body.Suffragist .popup li.title { color: black; background-color: var(--suf-75) }
+body.Suffragist .popup li.action:hover { background-color: var(--suf-25) }
+
+body.Opposition .popup { background-color: var(--opp-85) }
+body.Opposition .popup li.title { color: black; background-color: var(--opp-75) }
+body.Opposition .popup li.action:hover { background-color: var(--opp-25) }
+
/* MAP */
#mapwrap {
@@ -736,7 +751,7 @@ div.button_box .button {
<div id="tooltip" class="card hide"></div>
-<menu id="popup">
+<menu id="popup" class="popup">
<li class="title">TITLE
<li class="separator">
<li data-action="card_event"> &#x1f3b4; &nbsp; Event
@@ -745,7 +760,7 @@ div.button_box .button {
<li data-action="card_lobbying"> &#x1F3DB; &nbsp; Lobbying Action
</menu>
-<menu id="popup_select_card">
+<menu id="popup_select_card" class="popup">
<li class="title">TITLE
<li class="separator">
<li data-action="card_select"> &#x1f3b4; &nbsp; Select Card