diff options
| author | Tor Andersson <tor@ccxvii.net> | 2021-09-29 22:16:37 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-02-18 12:42:59 +0100 |
| commit | 768b8358a2882d544d81d611517c2462ff61ab03 (patch) | |
| tree | 1083408bcb700f87a6c6a0b1762e20b368c3482a /play.html | |
| parent | 554ec74557c929e01ba1feb764548f7c120f936a (diff) | |
| download | 300-earth-and-water-768b8358a2882d544d81d611517c2462ff61ab03.tar.gz | |
300: Tweaks for tiny screen sizes.
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 25 |
1 files changed, 25 insertions, 0 deletions
@@ -86,6 +86,30 @@ height: 525px; } +/* PHONE SIZE: squeeze side bar on small screens */ + +.log_button { display: none } + +@media (max-height: 700px) { + .card_info .card { + margin: 0 auto; + width: 100px; + height: 140px; + border-radius: 5px; + } + .role_info { padding: 3px 20px; } + .card_info { padding: 5px 0px; } + #deck_info { padding-top: 5px; } +} + +@media (max-width: 1200px) { + .prompt { + font-size: medium; + margin: 0 5px; + } + .log_button { display: block } +} + /* CARD ACTION POPUP MENU */ #popup { @@ -259,6 +283,7 @@ </div> </div> + <div class="image_button log_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div> <div class="image_button chat_button" onclick="toggle_chat()"><img src="/images/chat-bubble.svg"></div> <div id="prompt" class="prompt">Connecting...</div> |