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

added a search icon to the command line input

Browse source
This commit is contained in:
Jack 2021-08-05 23:23:57 +01:00
parent 26f0ca95ed
commit 15f05826c1
2 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/sass/style.scss
View file

@ -1222,9 +1222,14 @@ label.checkbox {
background: var(--bg-color);
border-radius: var(--roundness);
.searchicon {
color: var(--sub-color);
margin: 1rem;
}
input {
background: var(--bg-color);
padding: 1rem;
padding: 1rem 1rem 1rem 0;
color: var(--text-color);
border: none;
outline: none;

13
static/index.html
View file

@ -927,7 +927,18 @@
</div>
<div id="commandLineWrapper" class="hidden">
<div id="commandLine">
<input type="text" class="input" placeholder="Type to search" />
<div
style="
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
"
>
<div class="searchicon">
<i class="fas fa-search"></i>
</div>
<input type="text" class="input" placeholder="Type to search" />
</div>
<div class="separator hidden"></div>
<div class="listTitle">Title</div>
<div class="suggestions"></div>