lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Always show the corner buttons

Browse source
This commit is contained in:
Anders Christiansen Sørby 2021-02-23 23:13:47 +01:00
parent 8139cf0734
commit 919df01275
No known key found for this signature in database
GPG key ID: 1486C914F8AB79AA
2 changed files with 44 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

12
webdata/index.html
View file

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -9,7 +9,11 @@
<title>Remote Touchpad</title>
<link href="main.css" media="screen" rel="stylesheet">
<link href="icon.png" type="image/png" rel="shortcut icon">
</head>
<body>
<button id="keysbutton">☰</button>
<button id="fullscreenbutton">⤢</button>
<button id="keyboardbutton">⌨</button>
<div id="opening">
<noscript><p>JavaScript is required!</p></noscript>
<p>Connecting…</p>
@ -20,9 +24,6 @@
</div>
<div id="pad" class="hidden">
<p id="padlabel">Touchpad</p>
<button id="keysbutton">☰</button>
<button id="fullscreenbutton">⤢</button>
<button id="keyboardbutton">⌨</button>
</div>
<div id="keyboard" class="hidden">
<textarea id="text" cols=1 rows=1></textarea>
@ -45,3 +46,4 @@
<button id="volumeupbutton">🔊</button>
</div>
</div>
</body>

3
webdata/main.css
View file

@ -103,6 +103,7 @@ button:focus {
bottom: 0;
border-bottom: none;
border-left: none;
position: absolute;
}
#keyboardbutton {
@ -110,6 +111,7 @@ button:focus {
bottom: 0;
border-right: none;
border-bottom: none;
position: absolute;
}
#keysbutton {
@ -117,6 +119,7 @@ button:focus {
top: 0;
border-top: none;
border-left: none;
position: absolute;
}
textarea {