DHBW/Projektmanagement-Game
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

Optimized css for mobile devices #74

Merged
H4CK3R-01 merged 2 commits from refactoring into main 2021-07-14 09:37:31 +00:00
Conversation 0 Commits 2 Files Changed 10 +7 -5
6 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4e2ad9df06 - Show all commits

2
public/css/chat.css
View File

@ -103,7 +103,7 @@
white-space: pre; white-space: pre;
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 600px) {
#chat { #chat {
flex-flow: column-reverse; flex-flow: column-reverse;
border-top: #7d7d7d solid 2px; border-top: #7d7d7d solid 2px;

2
public/css/components.css
View File

@ -101,7 +101,7 @@ main {
height: calc(100% - 50px); height: calc(100% - 50px);
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 600px) {
#main { #main {
display: grid; display: grid;
grid-template-columns: unset; grid-template-columns: unset;

2
public/css/game.css
View File

@ -28,7 +28,7 @@
background-color: #FFDDA1; background-color: #FFDDA1;
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 600px) {
#game { #game {
height: auto; height: auto;
width: auto; width: auto;

2
public/css/header.css
View File

@ -45,7 +45,7 @@ header {
flex-direction: column; flex-direction: column;
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 600px) {
header { header {
height: 5em; height: 5em;

2
public/css/index.css
View File

@ -54,7 +54,7 @@
color: #ffffff; color: #ffffff;
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 600px) {
#login { #login {
align-items: flex-start; align-items: flex-start;
} }

2
public/js/game.js
View File

@ -192,6 +192,8 @@ function start_game() {
}); });
socket.on('card', function (data) { socket.on('card', function (data) {
if (show_card === true) card.destroyCard();
card = new Card(game_board_size, data.card.question, data.card['answers'][0], data.card['answers'][1], data.card['answers'][2], data.card['answers'][3], data.card['difficulty'], data.username === username); card = new Card(game_board_size, data.card.question, data.card['answers'][0], data.card['answers'][1], data.card['answers'][2], data.card['answers'][3], data.card['difficulty'], data.username === username);
card.showCard(); card.showCard();
show_card = true; show_card = true;