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

[Client] Add emotion and culprit choices style

Browse Source
This commit is contained in:
AudricV 2023-01-13 14:12:33 +01:00
parent b5e6e80df1
commit 49744be094
No known key found for this signature in database
GPG Key ID: DA92EC7905614198
1 changed files with 50 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
truthseeker/static/css/game_ui_game.css
View File

@ -57,6 +57,12 @@ html {
width: 5em; width: 5em;
} }
#emotion_and_culprit_choices_next_btn, #interrogation_next_btn {
position: fixed;
left: calc(100% - 6em);
top: 1em;
}
/* Introduction */ /* Introduction */
.introduction { .introduction {
padding: 1em; padding: 1em;
@ -96,12 +102,6 @@ html {
text-transform: uppercase; text-transform: uppercase;
} }
#interrogation_next_btn {
position: fixed;
left: calc(100% - 6em);
top: 1em;
}
.suspects { .suspects {
align-content: center; align-content: center;
align-items: center; align-items: center;
@ -143,3 +143,47 @@ html {
color: black; color: black;
text-transform: none; text-transform: none;
} }
/* Emotion and culprit choices */
.culprit_btn {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
}
.culprit_icon {
fill: white;
height: 1em;
width: 1em;
}
.culprit_btn_text {
margin: 0;
margin-left: 0.25em;
margin-right: 0.25em;
}
.culprit_btn_checked {
background-color: green;
}
.suspect_emotion_chooser {
background-color: #5A5656;
border: none;
border-radius: var(--button-and-dialog-border-radius);
color: white;
font-family: "Roboto Mono", sans-serif;
font-size: 1em;
margin: 1em;
padding: 0.5em;
}
.emotion_and_culprit_choices_title {
font-size: 2em;
margin: 0.5em;
text-align: center;
font-family: "Spicy Rice", sans-serif;
color: var(--button-color);
}