add focuser. defer bindings until curtain opens

This commit is contained in:
Stewart Allen 2020-06-08 00:08:19 -04:00
commit a23c62d3e9
4 changed files with 49 additions and 33 deletions

View file

@ -79,7 +79,7 @@ select, textarea, button, input, a {
}
select {
border: 1px solid #bbb;
background-color: white;
background-color: rgba(255,255,255,0.5);
border-radius: 3px;
}
select option[local="1"] {
@ -160,10 +160,10 @@ th, tr, td {
left: 0;
right: 0;
bottom: 0;
position: absolute;
position: fixed;
background-color: #fff;
font-family: 'Russo One', sans-serif;
z-index: 100;
z-index: 11;
}
#tracker {
@ -196,6 +196,9 @@ th, tr, td {
#top > div {
margin: 0 5px 0 5px;
}
#top, #mid-sep {
z-index: 15;
}
#app-mode, #app-acct {
width: 125px;
@ -534,7 +537,7 @@ th, tr, td {
color: white;
}
.t-body {
background-color: white;
background-color: rgba(255,255,255,0.5);
border: 1px solid #bbb;
border-radius: 3px;
}
@ -732,3 +735,10 @@ th, tr, td {
flex-direction: row;
align-items: stretch;
}
#focuser {
position: fixed;
z-index: -100;
left: -100%;
top: -100%;
}

View file

@ -21,6 +21,8 @@
<script src="/code/kiri.js?{{version}}"></script>
</head>
<body class="col">
<input id="focuser" size=10></input>
<div id="curtain" class="j-center a-center">loading...</div>
<div id="container"></div>
<div id="tracker"></div>
<div id="top" class="row">
@ -47,8 +49,7 @@
<div id="mid-sep"></div>
<div id="mid" class="grow row">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="curtain" class="j-center a-center">loading...</div>
<div id="mid-lcol" class="col j-center">
<div id="mid-lcol" class="col j-center noshow">
<div id="lt-top"></div>
<div id="lt-setup" class="lt-menu">
<i class="fas fa-cogs"></i>
@ -66,6 +67,10 @@
<i class="fas fa-sliders-h"></i>
<label>prefs<label>
</div>
<div id="set-help">
<i class="far fa-question-circle"></i>
<label>help<label>
</div>
</div>
</div>
<div id="lt-file" class="lt-menu">
@ -271,13 +276,13 @@
<div id="mod-local" class="mdialog"></div>
<div id="mod-print" class="mdialog"></div>
<!-- hidden file input loader -->
<input id="load-file" type="file" name="loadme" style="display:none" accept=".stl,.gcode,.nc"/>
<input id="load-file" type="file" name="loadme" xstyle="display:none" accept=".stl,.gcode,.nc"/>
<div class="mod-end"></div>
</div>
</div>
</div>
<div id="mid-rcol" class="col j-center">
<div id="mid-rcol" class="col j-center noshow">
<div id="set-menu" class="col">
<div id="set-top" class="set-group"><a>settings</a></div>
<div id="settings" class="col"></div>