From d2ff4e66e48d78bef4970c584bdcacedbcc05aef Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Thu, 19 Oct 2023 02:14:04 +0200 Subject: Mobile layout. --- play.css | 21 +++++---------------- 1 file changed, 5 insertions(+), 16 deletions(-) (limited to 'play.css') diff --git a/play.css b/play.css index 4b2604f..fec181d 100644 --- a/play.css +++ b/play.css @@ -56,20 +56,9 @@ aside { /* CARD ACTION POPUP MENU */ -#popup { - position: absolute; - user-select: none; - background-color: #ddd; - left: 10px; - top: 100px; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3); - z-index: 100; - min-width: 20ex; - white-space: nowrap; -} -#popup div { padding: 3pt 8pt; display: none; } -#popup div.enabled { padding: 3pt 8pt; display: block; } -#popup div:hover { background-color: teal; color: white; } +#popup { max-width: 250px; } +#popup li.title { text-align: center } +#popup li.disabled { display: none } /* MAP WITH MARKERS, CUs, LEADERS, AND SPACES */ @@ -172,7 +161,6 @@ aside { line-height: 50px; padding-left: 6px; font-size: 30px; - user-select: none; color: white; text-shadow: 0px 0px 3px black; font-weight: bold; @@ -269,7 +257,8 @@ aside { .hand .card.enabled:hover, .hand .card.selected { Xtransform: scale(1.5) translate(0,-30px); - transform: scale(1.1); + Xtransform: scale(1.1); + transform: translate(0,-10px); z-index: 10; } -- cgit v1.2.3