Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Add focus styles for the text inputs.

Browse source
This commit is contained in:
Oliver-Akins 2020-12-15 20:47:50 -07:00
parent 393781181d
commit b45b0658e3
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/src/components/GameBoard.vue
View file

@ -229,14 +229,19 @@ input[type="text"] {
font-family: var(--fonts); font-family: var(--fonts);
background-color: var(--board-background-alt); background-color: var(--board-background-alt);
color: var(--board-background-alt-text); color: var(--board-background-alt-text);
border-color: transparent;
border-style: solid;
border-radius: 7px; border-radius: 7px;
border-width: 2px;
font-size: larger; font-size: larger;
padding: 12px; padding: 12px;
outline: none; outline: none;
margin: 7px 0; margin: 7px 0;
border: none;
width: 90%; width: 90%;
} }
input[type="text"]:active, input[type="text"]:focus {
border-color: var(--board-background-text);
}
input[type="text"].team-answer { input[type="text"].team-answer {
padding-right: 5%; padding-right: 5%;
} }