diff options
| author | Tor Andersson <tor@ccxvii.net> | 2021-06-19 18:02:53 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-02-18 12:12:42 +0100 |
| commit | 9ca35fc98d77cd7c23dfbe25de8a67194b270b44 (patch) | |
| tree | 48af5f8e82ef428a9b2f1211086cbe057a4e8aa0 /play.html | |
| parent | bee5fc255cac42f6b35dca4c6fd40b0f47bf9401 (diff) | |
| download | shores-of-tripoli-9ca35fc98d77cd7c23dfbe25de8a67194b270b44.tar.gz | |
tripoli: Show active card as tooltip instead of zooming.
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 17 |
1 files changed, 12 insertions, 5 deletions
@@ -65,15 +65,21 @@ border-radius: 5px; } -.card_info .card:hover { - transform: scale(2) translateY(-30px); -} - .role_info { padding: 5px 20px; white-space: pre-wrap; } +#tooltip.card { + position: fixed; + z-index: 100; + right: 240px; + top: 60px; +} +#tooltip.show { + display: block; +} + /* MAP */ .mapwrap.fit { @@ -263,6 +269,7 @@ svg circle, .piece { <body> <div class="status" id="status"></div> +<div id="tooltip" class="card"></div> <div class="chat_window"> <div class="chat_header">Chat</div> @@ -313,7 +320,7 @@ svg circle, .piece { <div class="role_name">United States (<span class="role_user">$USER</span>)</div> <div class="role_info" id="us_info">0 cards in hand</div> </div> - <div class="role_info card_info"><div id="active_card" class="card show tr_card_back"></div></div> + <div class="role_info card_info"><div id="active_card" class="card show blank"></div></div> </div> <div class="grid_log"> |