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

Mobile design #58

Merged
H4CK3R-01 merged 4 commits from mobile_design into main 2021-07-10 14:57:40 +00:00
Conversation 0 Commits 4 Files Changed 5 +23 -71
5 changed files with 23 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b9eaccecfd - Show all commits

16
public/css/chat.css
View File

@ -15,6 +15,10 @@
padding: 5px; padding: 5px;
} }
#messages_received div:last-child {
margin-bottom: 5em;
}
#message_add { #message_add {
flex: 0 0 10%; flex: 0 0 10%;
} }
@ -101,11 +105,9 @@
@media only screen and (max-width: 980px) { @media only screen and (max-width: 980px) {
#chat { #chat {
display: flex; flex-flow: column-reverse;
flex-flow: column-reverse; border-top: #7d7d7d solid 2px;
overflow: hidden; height: 100%;
border-left: #7d7d7d solid 2px; margin-bottom: 10px;
height: 100%;
margin-bottom: 10px;
} }
} }

3
public/css/components.css
View File

@ -97,13 +97,10 @@ main {
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 980px) {
#main { #main {
display: grid; display: grid;
grid-template-columns: unset; grid-template-columns: unset;
grid-template-rows: 60% 40%; grid-template-rows: 60% 40%;
height: calc(90% - 7em);
touch-action: pan-x pan-y;
height: 100%; height: 100%;
} }
} }

35
public/css/header.css
View File

@ -47,43 +47,18 @@ header {
@media only screen and (max-width: 980px) { @media only screen and (max-width: 980px) {
header { header {
height: 2.2em; height: 2.2em;
display: grid;
position: inherit !important;
z-index: 99;
} }
.title { .title {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1.5em;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
vertical-align: central;
} }
.build { .build {
display: flex; font-size: 0.5em;
justify-content: center;
align-items: flex-end;
font-size: 0.5em;
padding-right: 10px;
flex-direction: column;
} }
.spielanleitung { .spielanleitung {
display: flex; font-size: 1em;
align-items: center; }
font-size: 1em;
padding-left: 10px;
}
.spielanleitung span {
background: #404040;
border: 1px solid #000000;
padding: 5px;
border-radius: 5px;
cursor: pointer;
}
} }

32
public/css/index.css
View File

@ -55,32 +55,8 @@
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 980px) {
#login { #login input, #login button {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1em;
background: #212121; height: 3em;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
position: absolute;
} }
}
#login > form {
margin-top: 1em;
}
#login label {
font-size: 1.5em;
}
#login input,
#login button {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 1em;
height: 1em;
padding: 30px;
justify-content: center;
}
}

4
public/index.html
View File

@ -1,7 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" http-equiv="ScreenOrientation" content="autoRotate:disabled"/> <meta charset="UTF-8"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, autoRotate:disabled"
name="viewport"/>
<title>Projektmanagement Game</title> <title>Projektmanagement Game</title>
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">