add live text input above touchpad
This commit is contained in:
parent
9bc4cbd489
commit
ffe765d92a
|
@ -53,7 +53,7 @@ a {
|
|||
}
|
||||
|
||||
#pointer {
|
||||
height: calc(100vh - 50px);
|
||||
height: calc(100vh - 80px);
|
||||
margin: auto;
|
||||
background: #ccc;
|
||||
-webkit-touch-callout: none;
|
||||
|
@ -65,7 +65,7 @@ a {
|
|||
}
|
||||
|
||||
#scrollbar {
|
||||
height: calc(100vh - 50px);
|
||||
height: calc(100vh - 80px);
|
||||
width: 50px;
|
||||
background: #333;
|
||||
position: absolute;
|
||||
|
@ -73,6 +73,11 @@ a {
|
|||
right: 0;
|
||||
}
|
||||
|
||||
#pane-pointer .form-group {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#pointer-buttons {
|
||||
position: absolute;
|
||||
margin-top: -42px;
|
||||
|
|
|
@ -255,7 +255,7 @@ var addListeners = function() {
|
|||
$('#text-clear').click(textClearClickHandler);
|
||||
$('#text-send').click(textSendClickHandler);
|
||||
$('#text').on('keyup', textKeyUpHandler);
|
||||
$('#live-text').on('keyup', liveTextKeyUpHandler);
|
||||
$('.live-text').on('keyup', liveTextKeyUpHandler);
|
||||
|
||||
$scroller
|
||||
.on('touchstart', scrollerTouchStartHandler)
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
<p class="legend">Live text</p>
|
||||
</div>
|
||||
<div class="form-group col-12">
|
||||
<input type="text" class="form-control" id="live-text" name="text">
|
||||
<input type="text" class="form-control live-text" name="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -133,6 +133,7 @@
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<button type="button" data-msg='{"type":"messages","value":[{"type":"keys","value":"win,d"},{"type":"text","value":"urxvt"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">urxvt</button>
|
||||
<button type="button" data-msg='{"type":"keys","value":"win,d"}' class="btn btn-secondary">dmenu</button>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
|
@ -143,6 +144,11 @@
|
|||
<button type="button" data-msg='{"type":"messages","value":[{"type":"text","value":"zp"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">zp</button>
|
||||
<button type="button" data-msg='{"type":"messages","value":[{"type":"text","value":"zm"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">zm</button>
|
||||
</div>
|
||||
<div class="line col-12"></div>
|
||||
<div class="col-12">
|
||||
<button type="button" data-msg='{"type":"messages","value":[{"type":"keys","value":"win,d"},{"type":"text","value":"no-screensaver"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">no-screensaver[on]</button>
|
||||
<button type="button" data-msg='{"type":"messages","value":[{"type":"keys","value":"win,d"},{"type":"text","value":"pkill no-screensaver"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">no-screensaver[off]</button>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<p class="legend">Movie</p>
|
||||
|
@ -162,6 +168,9 @@
|
|||
</div>
|
||||
|
||||
<div class="row pane" id="pane-pointer">
|
||||
<div class="form-group col-12">
|
||||
<input type="text" class="form-control live-text" placeholder="Live text" name="text">
|
||||
</div/>
|
||||
<div id="scrollbar"></div>
|
||||
<div id="pointer"></div>
|
||||
<div id="pointer-buttons">
|
||||
|
|
Loading…
Reference in a new issue