heronfief/front
3
1
Fork 0
Code Issues 44 Pull Requests 1 Actions Packages Projects Releases 1 Activity

Fix : remove scroll bars when focused player changes

Browse Source
This commit is contained in:
legonzaur
2024-08-03 16:30:02 +02:00
parent 8f300394ab
commit 9708abbf81
1 changed files with 49 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/game.vue
+49 -57
View File
@@ -324,23 +324,23 @@ onUnmounted(() => {
></AnimatedBackground> ></AnimatedBackground>
<ClientOnly> <ClientOnly>
<template v-if="game && focusedPlayer && playerList"> <template v-if="game && focusedPlayer && playerList">
<Transition name="slide-left" mode="out-in"> <!-- <Transition name="slide-left" mode="out-in"> -->
<div id="stack_discard" :key="focusedPlayer?._id"> <div id="stack_discard" :key="focusedPlayer?._id">
<div id="stack"> <div id="stack">
<GameCardGrouped <GameCardGrouped
:container="focusedPlayer.stack" :container="focusedPlayer.stack"
:wrapped="true" :wrapped="true"
:hidden="true" :hidden="true"
> >
</GameCardGrouped> </GameCardGrouped>
</div>
<GameOverlayDiscard
:game="game"
:player="focusedPlayer"
></GameOverlayDiscard>
</div> </div>
</Transition>
<GameOverlayDiscard
:game="game"
:player="focusedPlayer"
></GameOverlayDiscard>
</div>
<!-- </Transition> -->
<GameMarket <GameMarket
:game="game" :game="game"
@@ -399,47 +399,38 @@ onUnmounted(() => {
<GameOverlayOptionsDialog></GameOverlayOptionsDialog> <GameOverlayOptionsDialog></GameOverlayOptionsDialog>
<ClientOnly> <ClientOnly>
<div id="turn_buttons" v-if="game"> <div id="turn_buttons" v-if="game">
<button <template v-if="game.started">
id="end_turn" <button
class="end_turn_button turn_icon" id="end_turn"
:class="{ hidden: !isTurn }" class="end_turn_button turn_icon"
@click="endTurn(game._id)" :class="{ hidden: !isTurn }"
v-if="game.started && isTurn" @click="endTurn(game._id)"
> v-if="isTurn"
END TURN >
</button> END TURN
<button </button>
class="end_turn_button turn_icon" </template>
@click="startGame(game._id)" <template v-else-if="authStore.logged">
v-if=" <button
!game.started && game.owner.userId == authStore.selfUser.userId class="end_turn_button turn_icon"
" @click="startGame(game._id)"
> v-if="game.owner.userId == authStore.selfUser.userId"
Start game >
</button> Start game
<button </button>
class="end_turn_button turn_icon" <button
@click="joinGame(game._id)" class="end_turn_button turn_icon"
v-if=" @click="joinGame(game._id)"
game.started && v-else-if="
authStore.logged && playerList?.every(
playerList?.every( (p) => p.user.userId != authStore.selfUser.userId
(p) => p.user.userId != authStore.selfUser.userId )
) "
" >
> Join game
Join game </button>
</button> <button v-else>Leave game</button>
</template>
<!-- <div
class="warning"
:class="{
'warning-fire-gem': warningText == 'P\'tite Fire gem?',
visible: warning,
}"
>
/!\<br />{{ warningText }}
</div> -->
</div> </div>
</ClientOnly> </ClientOnly>
@@ -490,6 +481,7 @@ footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
overflow-x: hidden;
/* background: url('/img/bg-darkgrass.png'); */ /* background: url('/img/bg-darkgrass.png'); */
} }