DjalimSimaila/SAE-A2-TruthInquiry
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #108 from ThomasRubini/client_back-to-home-game-results-button

Browse Source 
[Client] Add button to go back to the home page on game results view
This commit is contained in:
Audric V 2023-03-20 14:01:30 +01:00 committed by GitHub
commit d60cf6c90e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
truthinquiry/static/css/game_ui_game.css
View File

@ -80,11 +80,11 @@ html {
margin: 0.25em; margin: 0.25em;
} }
.next_btn, .suspect_emotion_chooser { .home_button, .next_btn, .suspect_emotion_chooser {
border: none; border: none;
} }
.next_btn, #return_lobby_button { .home_button, .next_btn, #return_lobby_button {
background-color: transparent; background-color: transparent;
} }
@ -96,12 +96,11 @@ html {
font-family: "Roboto Mono", sans-serif; font-family: "Roboto Mono", sans-serif;
} }
.reveal_culprit_explaination, .question_button, .players_list, .reveal_culprit, .scores, .summary, .suspect, .suspect_emotion_chooser { .explain_suspect_emotion_description, .question_button, .players_list, .return_button, .reveal_culprit, .reveal_culprit_explaination, .scores, .summary, .suspect, .suspect_emotion_chooser, .suspect_picture, .suspects_list {
margin: 1em; margin: 1em;
} }
.suspect_picture { .suspect_picture {
margin: 1em;
height: 15em; height: 15em;
width: 15em; width: 15em;
} }
@ -111,10 +110,17 @@ html {
} }
/* Buttons */ /* Buttons */
.action_button, .next_btn { .action_button, .home_button, .next_btn {
cursor: pointer; cursor: pointer;
} }
.home_button, .next_btn {
fill: var(--game-red);
height: 5em;
padding: 0;
width: 5em;
}
.action_button { .action_button {
font-size: 1.5em; font-size: 1.5em;
min-width: 10em; min-width: 10em;
@ -126,14 +132,10 @@ html {
} }
.next_btn { .next_btn {
fill: var(--game-red);
height: 5em;
padding: 0;
transform: rotate(180deg); transform: rotate(180deg);
width: 5em;
} }
#emotion_and_culprit_choices_next_btn, #interrogation_next_btn, #interrogation_suspect_previous_btn { #emotion_and_culprit_choices_next_btn, #interrogation_next_btn, #interrogation_suspect_previous_btn, #return_to_home_btn {
position: fixed; position: fixed;
left: calc(100% - 6em); left: calc(100% - 6em);
top: 1em; top: 1em;
@ -233,7 +235,6 @@ html {
.explain_suspect_emotion_description { .explain_suspect_emotion_description {
font-size: 1.25em; font-size: 1.25em;
font-weight: normal; font-weight: normal;
margin: 1em;
} }
.explain_suspect_emotion_title { .explain_suspect_emotion_title {
@ -276,10 +277,6 @@ html {
font-size: 4em; font-size: 4em;
} }
.suspects_list {
margin: 1em;
}
#return_lobby_button { #return_lobby_button {
border: transparent; border: transparent;
} }

7
truthinquiry/templates/game.html
View File

@ -67,6 +67,13 @@
</div> </div>
<div class="results_game hidden"> <div class="results_game hidden">
<h1 class="results_title">Résultats</h1> <h1 class="results_title">Résultats</h1>
<a href="/" title="Cliquez ici pour revenir à la page d'accueil du jeu">
<button id="return_to_home_btn" class="home_button" aria-label="Revenir à la page d'accueil du jeu">
<svg class="home_btn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path d="M6.9 43.1V17.4L24 4.55 41.15 17.4v25.7h-12.9V27.7h-8.5v15.4Z"/>
</svg>
</button>
</a>
<div class="reveal_and_scores"> <div class="reveal_and_scores">
<div class="scores"> <div class="scores">
<div class="player_score"> <div class="player_score">