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

[Client] Improve legal pages design

Browse Source 
- Change background color to game's grey to fix hover color of footer links;
- Move footer links at the bottom of the page;
- Change game's blue color to match this color with accessibility
recommendations.
This commit is contained in:
AudricV 2023-03-27 22:15:13 +02:00
parent 8aed3a99da
commit 40c4e47327
No known key found for this signature in database
GPG Key ID: DA92EC7905614198
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
truthinquiry/static/css/game_ui.css
View File

@ -33,7 +33,7 @@
--alert-dialog-background-color: #000000DF; --alert-dialog-background-color: #000000DF;
--dark-theme-background-color: #213C40; --dark-theme-background-color: #213C40;
--game-black: #000000; --game-black: #000000;
--game-blue: #0096FF; --game-blue: #7DDCFF;
--game-green: #008000; --game-green: #008000;
--game-grey: #5A5656; --game-grey: #5A5656;
--game-red: #BD1E1E; --game-red: #BD1E1E;

13
truthinquiry/static/css/game_ui_legal.css
View File

@ -1,10 +1,21 @@
/* Common properties */ /* Common properties */
html { html {
background-color: var(--game-black); background-color: var(--game-grey);
color: var(--game-white); color: var(--game-white);
font-family: "Roboto Mono", "sans-serif"; font-family: "Roboto Mono", "sans-serif";
} }
body {
display: flex;
flex-direction: column;
height: calc(100vh - var(--body-margin) * 2);
width: calc(100vw - var(--body-margin) * 2);
}
footer {
margin-top: auto;
}
/* Legal links and texts */ /* Legal links and texts */
.legal_text_description, .legal_text_last_update, .legal_text_title { .legal_text_description, .legal_text_last_update, .legal_text_title {
margin: 0; margin: 0;