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

adjusted test config styling

Browse source
This commit is contained in:
Miodec 2022-09-04 23:54:33 +02:00
parent 2e96202144
commit 81c2e3019f
3 changed files with 30 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -962,6 +962,16 @@
}
}
.wordCount,
.time {
.textButton {
line-height: 1rem;
span {
height: 1.1em;
}
}
}
.mode,
.time,
.wordCount,
@ -974,16 +984,16 @@
.textButton {
transition: 0.125s;
padding: 0.75rem 0.5rem;
padding: 0.75rem 0.5rem 0.7rem 0.5rem;
&:first-child {
padding: 0.75rem 0.5rem 0.75rem 1rem;
padding: 0.75rem 0.5rem 0.7rem 1rem;
}
&:last-child {
padding: 0.75rem 1rem 0.75rem 0.5rem;
padding: 0.75rem 1rem 0.7rem 0.5rem;
}
&:only-child {
padding: 0.75rem 1rem;
padding: 0.75rem 1rem 0.7rem 1rem;
}
}
}

16
frontend/src/styles/z_media-queries.scss
View file

@ -168,16 +168,16 @@
.zen,
.quoteLength {
.textButton {
padding: 0.75rem 0.3rem;
padding: 0.75rem 0.3rem 0.7rem 0.3rem;
&:first-child {
padding: 0.75rem 0.3rem 0.75rem 0.6rem;
padding: 0.75rem 0.3rem 0.7rem 0.6rem;
}
&:last-child {
padding: 0.75rem 0.6rem 0.75rem 0.3rem;
padding: 0.75rem 0.6rem 0.7rem 0.3rem;
}
&:only-child {
padding: 0.75rem 0.6rem;
padding: 0.75rem 0.6rem 0.7rem 0.6rem;
}
}
}
@ -320,16 +320,16 @@
.zen,
.quoteLength {
.textButton {
padding: 0.5rem 0.75rem;
padding: 0.5rem 0.75rem 0.45rem 0.75rem;
&:first-child {
padding: 0.5rem 0.75rem;
padding: 0.5rem 0.75rem 0.45rem 0.75rem;
}
&:last-child {
padding: 0.5rem 0.75rem;
padding: 0.5rem 0.75rem 0.45rem 0.75rem;
}
&:only-child {
padding: 0.5rem 0.75rem;
padding: 0.5rem 0.75rem 0.45rem 0.75rem;
}
}
}

16
frontend/static/html/pages/test.html
View file

@ -64,20 +64,20 @@
<div class="spacer rightSpacer"></div>
<div class="time">
<div class="textButton" timeConfig="15">15</div>
<div class="textButton active" timeConfig="30">30</div>
<div class="textButton" timeConfig="60">60</div>
<div class="textButton" timeConfig="120">120</div>
<div class="textButton" timeConfig="15"><span>15</span></div>
<div class="textButton active" timeConfig="30"><span>30</span></div>
<div class="textButton" timeConfig="60"><span>60</span></div>
<div class="textButton" timeConfig="120"><span>120</span></div>
<div class="textButton" timeConfig="custom">
<i class="fas fa-fw fa-tools" style="margin-top: 0.1rem"></i>
</div>
</div>
<div class="wordCount hidden">
<div class="textButton" wordCount="10">10</div>
<div class="textButton" wordCount="25">25</div>
<div class="textButton active" wordCount="50">50</div>
<div class="textButton" wordCount="100">100</div>
<div class="textButton" wordCount="10"><span>10</span></div>
<div class="textButton" wordCount="25"><span>25</span></div>
<div class="textButton active" wordCount="50"><span>50</span></div>
<div class="textButton" wordCount="100"><span>100</span></div>
<div class="textButton" wordCount="custom">
<i class="fas fa-fw fa-tools" style="margin-top: 0.1rem"></i>
</div>