diff options
author | Mischa Untaga <99098079+MischaU8@users.noreply.github.com> | 2023-12-04 16:42:21 +0100 |
---|---|---|
committer | Mischa Untaga <99098079+MischaU8@users.noreply.github.com> | 2023-12-04 16:42:21 +0100 |
commit | 7a4001e1741f472fe9cb8a037f9f59817fab2bbc (patch) | |
tree | 741f0ebef71074f87138c653469c1ba1cc66db1f | |
parent | 2a2354a6fe7442dffd5539b5218eed9741b67e3c (diff) | |
download | votes-for-women-7a4001e1741f472fe9cb8a037f9f59817fab2bbc.tar.gz |
card action popup faction style
-rw-r--r-- | play.html | 19 |
1 files changed, 17 insertions, 2 deletions
@@ -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"> 🎴 Event @@ -745,7 +760,7 @@ div.button_box .button { <li data-action="card_lobbying"> 🏛 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"> 🎴 Select Card |