monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-24 06:48:02 +08:00
Code Issues Projects Releases Packages Wiki Activity

impr(typing test): limit line length to 70 characters

Browse source
This commit is contained in:
Miodec 2024-04-24 18:34:24 +02:00
parent 0a5e7325e0
commit 1b5bb7028e
3 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/styles/keymap.scss
View file

@ -1,4 +1,5 @@
#keymap {
font-size: 1rem;
display: grid;
grid-template-rows: 1fr 1fr 1fr;
justify-content: center;

8
frontend/src/styles/test.scss
View file

@ -102,6 +102,9 @@
#typingTest {
position: relative;
max-width: 70ch;
width: 100%;
margin: 0 auto;
}
.ssWatermark {
@ -473,6 +476,7 @@
}
#wordsInput {
font-size: 1rem;
opacity: 0;
padding: 0;
margin: 0 auto;
@ -487,6 +491,7 @@
}
#capsWarning {
font-size: 1rem;
background: var(--main-color);
color: var(--bg-color);
display: table;
@ -920,6 +925,7 @@
}
#restartTestButton {
font-size: 1rem;
margin: 1rem auto 0 auto;
display: flex;
padding: 1em 2em;
@ -1081,6 +1087,7 @@
}
#memoryTimer,
#layoutfluidTimer {
font-size: 1rem;
background: var(--main-color);
color: var(--bg-color);
padding: 1rem;
@ -1111,6 +1118,7 @@
}
#testModesNotice {
font-size: 1rem;
display: flex;
flex-wrap: wrap;
color: var(--sub-color);

2
frontend/src/ts/config.ts
View file

@ -1660,7 +1660,7 @@ export function setFontSize(fontSize: number, nosave?: boolean): boolean {
config.fontSize = fontSize;
$("#words, #caret, #paceCaret, #miniTimerAndLiveWpm").css(
$("#caret, #paceCaret, #miniTimerAndLiveWpm, #typingTest").css(
"fontSize",
fontSize + "rem"
);