monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 15:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: move the full-width-padding class to a higher parent to avoid having to use it

Browse source 
instead, just use full-width inside that parent

!nuf
This commit is contained in:
Miodec 2024-04-30 20:17:29 +02:00
parent 65c4de13ce
commit 2600f12716
2 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/html/pages/test.html
View file

@ -93,7 +93,7 @@
Test settings
</button>
</div>
<div id="typingTest" class="content-grid full-width">
<div id="typingTest" class="content-grid full-width-padding">
<div id="capsWarning" class="hidden">
<i class="fas fa-lock"></i>
Caps Lock
@ -104,17 +104,13 @@
<div id="timerNumber" class="timerMain">
<div>60</div>
</div>
<div id="miniTimerAndLiveWpm" class="full-width-padding timerMain">
<div id="miniTimerAndLiveWpm" class="full-width timerMain">
<div class="time hidden">1:00</div>
<div class="wpm hidden">60</div>
<div class="acc hidden">100%</div>
<div class="burst hidden">1</div>
</div>
<div
id="wordsWrapper"
class="content-grid full-width-padding"
translate="no"
>
<div id="wordsWrapper" class="content-grid full-width" translate="no">
<input
id="wordsInput"
class="full-width"

2
frontend/src/ts/test/test-ui.ts
View file

@ -1534,7 +1534,7 @@ ConfigEvent.subscribe((key, value) => {
"max-width": Config.maxLineWidth + "ch",
});
$("#miniTimerAndLiveWpm").css({
"grid-column": "full-width-padding",
"grid-column": "full-width",
});
} else {
$("#typingTest").css({