diff options
author | joffrey-bion <joffrey.bion@gmail.com> | 2021-02-15 01:18:21 +0100 |
---|---|---|
committer | joffrey-bion <joffrey.bion@gmail.com> | 2021-02-15 01:18:21 +0100 |
commit | a8fb7ea7445cfdae7214b2ffe1104d67c842de2c (patch) | |
tree | 450d4b86aa4cc5bb06e09c02c46bde864022275f /sw-ui/src/main/kotlin/org | |
parent | Ellipsize player names so that they don't grow too much (diff) | |
download | seven-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/src/main/kotlin/org')
-rw-r--r-- | sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt | 2 | ||||
-rw-r--r-- | sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt | 4 |
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) } } |