diff options
| author | jbion <joffrey.bion@amadeus.com> | 2019-02-24 01:50:26 +0100 |
|---|---|---|
| committer | jbion <joffrey.bion@amadeus.com> | 2019-02-24 01:50:26 +0100 |
| commit | 3c8b01f3ab690362268aace634e574c1a7b63888 (patch) | |
| tree | a8c955ebd9b1f5290422c725f68f50e7067d0e09 /frontend/src/components/game/Hand.css | |
| parent | Improve GameScene by showing the hand (diff) | |
| download | seven-wonders-3c8b01f3ab690362268aace634e574c1a7b63888.tar.gz seven-wonders-3c8b01f3ab690362268aace634e574c1a7b63888.tar.bz2 seven-wonders-3c8b01f3ab690362268aace634e574c1a7b63888.zip | |
Add prepare move actions
Diffstat (limited to 'frontend/src/components/game/Hand.css')
| -rw-r--r-- | frontend/src/components/game/Hand.css | 31 |
1 files changed, 20 insertions, 11 deletions
diff --git a/frontend/src/components/game/Hand.css b/frontend/src/components/game/Hand.css index de7b556d..fb6ccd55 100644 --- a/frontend/src/components/game/Hand.css +++ b/frontend/src/components/game/Hand.css @@ -3,24 +3,33 @@ } .hand-card { + align-items: flex-end; + display: grid; margin: 0.2rem; } -.hand-card-unplayable { - opacity: 0.7; -} - -.hand-card-img-selected { - border: 2px solid #0054ff; -} - -.hand-card-img { +.hand-card .hand-card-img { border-radius: 0.5rem; box-shadow: 0 0 10px black; + grid-row: 1; + grid-column: 1; + opacity: 1; width: 11rem; } - -.hand-card-img:hover { +.hand-card.unplayable .hand-card-img { + opacity: 0.7; +} +.hand-card:hover .hand-card-img { box-shadow: 0 10px 40px black; width: 14rem; } + +.hand-card .action-buttons { + align-items: flex-end; + display: none; + grid-row: 1; + grid-column: 1; +} +.hand-card:hover .action-buttons { + display: flex; +} |