mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-09-12 09:37:29 +08:00
added a command line button to mobile devices
This commit is contained in:
parent
90640fd114
commit
781571f18b
3 changed files with 32 additions and 0 deletions
|
@ -4463,6 +4463,10 @@ $(document).on("click", "#testModesNotice .text-button", (event) => {
|
|||
}
|
||||
});
|
||||
|
||||
$(document).on("click", "#commandLineMobileButton", (event) => {
|
||||
showCommandLine();
|
||||
});
|
||||
|
||||
let dontInsertSpace = false;
|
||||
|
||||
//handle keyboard events
|
||||
|
|
|
@ -1248,6 +1248,7 @@ key {
|
|||
}
|
||||
|
||||
#bottom {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 1rem;
|
||||
font-size: 0.75rem;
|
||||
|
@ -2898,6 +2899,24 @@ key {
|
|||
}
|
||||
}
|
||||
|
||||
#commandLineMobileButton {
|
||||
display: none;
|
||||
top: -5rem;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
font-size: 1.5rem;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
text-align: center;
|
||||
line-height: 4rem;
|
||||
background: var(--main-color);
|
||||
border-radius: 99rem;
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
color: var(--bg-color);
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1050px) {
|
||||
#centerContent {
|
||||
.pageSettings .section.themes .buttons,
|
||||
|
@ -3293,3 +3312,9 @@ key {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: none) and (pointer: coarse) {
|
||||
#commandLineMobileButton {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3483,6 +3483,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div id="bottom">
|
||||
<div id="commandLineMobileButton">
|
||||
<i class="fas fa-terminal"></i>
|
||||
</div>
|
||||
<div class="keyTips">
|
||||
<key>tab</key>
|
||||
and
|
||||
|
|
Loading…
Add table
Reference in a new issue