summaryrefslogtreecommitdiff
path: root/sw-ui
diff options
context:
space:
mode:
authorjoffrey-bion <joffrey.bion@gmail.com>2021-02-15 01:18:21 +0100
committerjoffrey-bion <joffrey.bion@gmail.com>2021-02-15 01:18:21 +0100
commita8fb7ea7445cfdae7214b2ffe1104d67c842de2c (patch)
tree450d4b86aa4cc5bb06e09c02c46bde864022275f /sw-ui
parentEllipsize player names so that they don't grow too much (diff)
downloadseven-wonders-a8fb7ea7445cfdae7214b2ffe1104d67c842de2c.tar.gz
seven-wonders-a8fb7ea7445cfdae7214b2ffe1104d67c842de2c.tar.bz2
seven-wonders-a8fb7ea7445cfdae7214b2ffe1104d67c842de2c.zip
Fix transactions selector layout
Resolves: https://github.com/joffrey-bion/seven-wonders/issues/101
Diffstat (limited to 'sw-ui')
-rw-r--r--sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt2
-rw-r--r--sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt4
2 files changed, 3 insertions, 3 deletions
diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
index 92445764..6b4388e3 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
@@ -52,7 +52,7 @@ object GameStyles : StyleSheet("GameStyles", isStatic = true) {
val transactionsSelector by css {
backgroundColor = sandBgColor
- width = 600.px // default is 500px, we want to fit players on the side
+ width = 40.rem // default is 500px, we want to fit players on the side
children(".bp3-dialog-header") {
background = "none" // overrides default white background
diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt
index e41c1c26..77cc97f8 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt
@@ -69,14 +69,14 @@ fun RBuilder.transactionsSelectorDialog(
private fun StyledDOMBuilder<DIV>.neighbour(player: PlayerDTO) {
styledDiv {
css {
- width = 100.pct
+ width = 12.rem
// center the icon
display = Display.flex
flexDirection = FlexDirection.column
alignItems = Align.center
}
- playerInfo(player, iconSize = 40, orientation = FlexDirection.column)
+ playerInfo(player, iconSize = 40, orientation = FlexDirection.column, ellipsize = false)
}
}
bgstack15