From d7506498760908fb9d918f4ece923dc95b50e739 Mon Sep 17 00:00:00 2001
From: Joffrey Bion <joffrey.bion@booking.com>
Date: Fri, 22 May 2020 15:15:27 +0200
Subject: Use callout component for action text (info bubble)

---
 .../org/luxons/sevenwonders/ui/components/game/GameScene.kt    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

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

diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt
index 28ebbe74..db9c1e4c 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt
@@ -93,8 +93,14 @@ private class GameScene(props: GameSceneProps) : RComponent<GameSceneProps, RSta
     private fun RBuilder.turnInfoScene(turnInfo: PlayerTurnInfo) {
         val board = turnInfo.table.boards[turnInfo.playerIndex]
         div {
-            // TODO use blueprint's Callout component without header and primary intent
-            p { +turnInfo.message }
+            styledDiv {
+                css {
+                    classes.add("bp3-dark")
+                    display = Display.inlineBlock // so that the cards below don't overlap, but the width is not full
+                    margin(all = 0.4.rem)
+                }
+                bpCallout(intent = Intent.PRIMARY, icon = "info-sign") { +turnInfo.message }
+            }
             boardComponent(board = board)
             val hand = turnInfo.hand
             if (hand != null) {
-- 
cgit