improve character visual

backend/bang/characters.py

@@ -9,6 +9,7 @@ class Character(ABC):
         self.max_lives = max_lives
         self.sight_mod = sight_mod
         self.visibility_mod = visibility_mod
+        self.is_character = True
         self.pick_mod = pick_mod
         self.desc = desc
         self.icon = '🤷‍♂️'

backend/server.py

@@ -208,6 +208,7 @@ def disconnect(sid):
         sio.emit('players', room='lobby', data=online_players)
         if sio.get_session(sid).game and sio.get_session(sid).disconnect():
             sio.close_room(sio.get_session(sid).game.name)
+            if sio.get_session(sid).game in games:
                 games.pop(games.index(sio.get_session(sid).game))
         print('disconnect ', sid)
         advertise_lobbies()

frontend/src/components/Card.vue

@@ -177,7 +177,7 @@ export default {
 	left:3pt;
 }
 .card.character .suit {
-	font-size: x-small;
+	font-size: small;
 	right: 3pt;
 	text-align: center;
 }

frontend/src/components/Chooser.vue

@@ -56,8 +56,6 @@ export default {
 			//console.log(card)
 			if (card.noDesc || card.name == null || card.name == "PewPew!")
 				this.desc = ""
-			else if (card.is_character)
-				this.desc = card.name
 			else if (card.goal)
 				this.desc = this.$t(`cards.${card.name}.name`)
 			else if (card.desc)

frontend/src/components/Lobby.vue

@@ -42,7 +42,7 @@
 				<div v-if="showTurnFlow" id="turn-indicator" :class="{reversed:turnReversed}"/>
 				<transition-group name="list" tag="div" class="players-table">
 					<Card v-if="startGameCard" key="_start_game_" :donotlocalize="true" :card="startGameCard" @click.native="startGame"/>
-					<div v-for="p in playersTable" v-bind:key="p.card.name" style="position:relative;">
+					<div v-for="p in playersTable" v-bind:key="p.card.name" style="position:relative;" class="player-in-table">
 						<transition-group v-if="p.gold_nuggets && p.gold_nuggets > 0" name="list" tag="div" style="position: absolute;top: -10pt; font-size:9pt;">
 							<span v-for="(n, i) in p.gold_nuggets" v-bind:key="i" :alt="i">💵️</span>
 						</transition-group>
@@ -504,5 +504,11 @@ background-position-x: 80px;
 		min-width: 25vw;
 		max-width: 25vw;
 	}
+	.player-in-table {
+		transition: all 0.2s ease-in-out;
+	}
+	.player-in-table:hover {
+		transform: translateY(-5px) scale(1.05);
+	}
 }
 </style>