From 833b337421a8113d78195bd3c45bd04312d93692 Mon Sep 17 00:00:00 2001
From: joffrey-bion <joffrey.bion@gmail.com>
Date: Wed, 10 Feb 2021 02:52:10 +0100
Subject: Show full table card on hover

Resolves:
https://github.com/joffrey-bion/seven-wonders/issues/115
---
 .../kotlin/org/luxons/sevenwonders/ui/components/game/Board.kt    | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'sw-ui/src/main/kotlin/org')

diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/Board.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/Board.kt
index 9cc72c31..3febee86 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/Board.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/Board.kt
@@ -79,6 +79,14 @@ private fun RBuilder.tableCard(card: TableCard, indexInColumn: Int, block: Style
             }
             maxWidth = 100.pct
             maxHeight = 70.pct
+
+            // bring to the foreground on hover
+            hover {
+                zIndex = 1000
+                maxWidth = 110.pct
+                maxHeight = 75.pct
+                boxShadow(offsetX = 3.px, offsetY = 3.px, blurRadius = 7.px, color = Color.black)
+            }
         }
         block()
     }
-- 
cgit