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>
<ClientOnly>
<template v-if="game && focusedPlayer && playerList">
<Transition name="slide-left" mode="out-in">
<div id="stack_discard" :key="focusedPlayer?._id">
<div id="stack">
<GameCardGrouped
:container="focusedPlayer.stack"
:wrapped="true"
:hidden="true"
>
</GameCardGrouped>
</div>
<GameOverlayDiscard
:game="game"
:player="focusedPlayer"
></GameOverlayDiscard>
<!-- <Transition name="slide-left" mode="out-in"> -->
<div id="stack_discard" :key="focusedPlayer?._id">
<div id="stack">
<GameCardGrouped
:container="focusedPlayer.stack"
:wrapped="true"
:hidden="true"
>
</GameCardGrouped>
</div>
</Transition>
<GameOverlayDiscard
:game="game"
:player="focusedPlayer"
></GameOverlayDiscard>
</div>
<!-- </Transition> -->
<GameMarket
:game="game"
@@ -399,47 +399,38 @@ onUnmounted(() => {
<GameOverlayOptionsDialog></GameOverlayOptionsDialog>
<ClientOnly>
<div id="turn_buttons" v-if="game">
<button
id="end_turn"
class="end_turn_button turn_icon"
:class="{ hidden: !isTurn }"
@click="endTurn(game._id)"
v-if="game.started && isTurn"
>
END TURN
</button>
<button
class="end_turn_button turn_icon"
@click="startGame(game._id)"
v-if="
!game.started && game.owner.userId == authStore.selfUser.userId
"
>
Start game
</button>
<button
class="end_turn_button turn_icon"
@click="joinGame(game._id)"
v-if="
game.started &&
authStore.logged &&
playerList?.every(
(p) => p.user.userId != authStore.selfUser.userId
)
"
>
Join game
</button>
<!-- <div
class="warning"
:class="{
'warning-fire-gem': warningText == 'P\'tite Fire gem?',
visible: warning,
}"
>
/!\<br />{{ warningText }}
</div> -->
<template v-if="game.started">
<button
id="end_turn"
class="end_turn_button turn_icon"
:class="{ hidden: !isTurn }"
@click="endTurn(game._id)"
v-if="isTurn"
>
END TURN
</button>
</template>
<template v-else-if="authStore.logged">
<button
class="end_turn_button turn_icon"
@click="startGame(game._id)"
v-if="game.owner.userId == authStore.selfUser.userId"
>
Start game
</button>
<button
class="end_turn_button turn_icon"
@click="joinGame(game._id)"
v-else-if="
playerList?.every(
(p) => p.user.userId != authStore.selfUser.userId
)
"
>
Join game
</button>
<button v-else>Leave game</button>
</template>
</div>
</ClientOnly>
@@ -490,6 +481,7 @@ footer {
display: flex;
flex-direction: column;
justify-content: center;
overflow-x: hidden;
/* background: url('/img/bg-darkgrass.png'); */
}