Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2026-01-02 01:03:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

make elements tabbable, fix fields exported with roles, styling changes

Browse Source
This commit is contained in:
AlecM33
2022-01-18 20:05:03 -05:00
parent db8e34ec3a
commit 7d6b4ca3cf
12 changed files with 181 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/styles/GLOBAL.css
View File

@@ -12,7 +12,7 @@ th, thead, tr, tt, u, ul, var {
background: transparent;
}
@font-face {
font-family: 'diavlo';
font-family: 'signika-negative';
src: url("../webfonts/Diavlo_LIGHT_II_37.woff2") format("woff2");
}
@@ -49,7 +49,7 @@ body {
}
h1 {
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
color: #b1afcd;
filter: drop-shadow(2px 2px 4px black);
margin: 0.5em 0;
@@ -90,7 +90,7 @@ h3 {
color: #f7f7f7;
text-decoration: none;
cursor: pointer;
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
margin: 0 0.25em;
}
@@ -236,7 +236,6 @@ input {
padding: 5px 0;
width: 100%;
background-color: #333243;
border-bottom: 2px solid #57566a;
height: 51px;
z-index: 53000;
}
@@ -281,10 +280,10 @@ input {
color: #f7f7f7;
text-decoration: none;
cursor: pointer;
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
border-radius: 5px;
padding: 2px 5px;
font-size: 20px;
font-size: 18px;
margin: 0 0.75em;
width: fit-content;
}

7
client/src/styles/create.css
View File

@@ -461,8 +461,15 @@ input[type="number"] {
padding: 10px 20px;
}
#step-forward-button img, #step-back-button img {
height: 40px;
filter: drop-shadow(-2px 3px 2px rgb(0 0 0 / 60%));
}
#step-forward-button, #step-back-button {
background-color: #66666657 !important;
padding: 0 !important;
width: 50px;
}
#step-forward-button, #create-game {

13
client/src/styles/game.css
View File

@@ -49,7 +49,9 @@
}
#game-state-container h2 {
margin: 0.5em 0;
margin: 1em 0;
text-align: center;
max-width: 17em;
}
#lobby-header {
@@ -82,6 +84,7 @@ h1 {
#end-of-game-header {
display: flex;
flex-wrap: wrap;
margin: 0 !important;
align-items: center;
}
@@ -188,7 +191,7 @@ h1 {
#role-info-modal h2 {
color: #d7d7d7;
font-family: diavlo, sans-serif;
font-family: signika-negative, sans-serif;
font-weight: normal;
}
@@ -302,7 +305,7 @@ h1 {
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
width: 95%;
text-align: center;
white-space: nowrap;
@@ -360,7 +363,7 @@ h1 {
#client-name {
color: whitesmoke;
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
font-size: 30px;
margin: 0.25em 2em 0.25em 0;
}
@@ -377,7 +380,7 @@ h1 {
}
label[for='moderator'] {
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
color: lightgray;
filter: drop-shadow(2px 2px 4px black);
font-size: 30px;

4
client/src/styles/home.css
View File

@@ -58,7 +58,7 @@ h3 {
margin-bottom: 1em;
padding: 1em;
max-width: 23em;
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
}
img[src='../images/logo_cropped.gif'] {
@@ -78,7 +78,7 @@ form > div {
#join-container > label {
font-size: 35px;
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
color: #b1afcd;
filter: drop-shadow(2px 2px 4px black);
}

2
client/src/styles/modal.css
View File

@@ -63,7 +63,7 @@
}
#custom-role-info-modal-name {
font-family: 'diavlo', sans-serif;
font-family: 'signika-negative', sans-serif;
font-size: 23px;
}