added a command line button to mobile devices

This commit is contained in:
Jack 2020-12-17 18:23:28 +00:00
parent 90640fd114
commit 781571f18b
3 changed files with 32 additions and 0 deletions

View file

@ -4463,6 +4463,10 @@ $(document).on("click", "#testModesNotice .text-button", (event) => {
}
});
$(document).on("click", "#commandLineMobileButton", (event) => {
showCommandLine();
});
let dontInsertSpace = false;
//handle keyboard events

View file

@ -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;
}
}

View file

@ -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