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