AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move progress bar, end positioning, fix ui setmode corner case

Browse source
This commit is contained in:
Stewart Allen 2020-06-07 23:20:49 -04:00
commit 23151260a1
3 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/kiri/ui.js
View file

@ -66,6 +66,7 @@
hasModes.forEach(function(div) { hasModes.forEach(function(div) {
div.setMode(div._group && !groupShow[div._group] ? NOMODE : mode); div.setMode(div._group && !groupShow[div._group] ? NOMODE : mode);
}); });
hidePoppers();
} }
function setExpert(bool) { function setExpert(bool) {

14
web/kiri/index.css
View file

@ -354,6 +354,10 @@ th, tr, td {
} }
#end { #end {
left: 0;
right: 0;
bottom: 0;
position: fixed;
text-align: center; text-align: center;
font-size: smaller; font-size: smaller;
height: 25px; height: 25px;
@ -362,24 +366,24 @@ th, tr, td {
#progress { #progress {
display: none; display: none;
position: absolute; position: absolute;
bottom: 0px;
top: 0px; top: 0px;
left: 10%; left: 10%;
right: 10%; right: 10%;
text-align: center; text-align: center;
background-color: #ddd; background-color: rgba(0,0,0,0.15);
border-radius: 3px;
} }
#progbar { #progbar {
width: 100%; width: 100%;
text-align: left; text-align: left;
position: relative; position: relative;
background-color: rgba(255,0,0,0.75); background-color: rgba(255,0,0,0.65);
border-radius: 3px;
} }
#progtxt { #progtxt {
color: white; color: white;
height: 25px;
padding: 0 5px 0 5px;
margin: 0 5px 0 5px; margin: 0 5px 0 5px;
padding: 0 5px 2px 5px;
white-space: nowrap; white-space: nowrap;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

2
web/kiri/index.html
View file

@ -46,6 +46,7 @@
</div> </div>
<div id="mid-sep"></div> <div id="mid-sep"></div>
<div id="mid" class="grow row"> <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="curtain" class="j-center a-center">loading...</div>
<div id="mid-lcol" class="col j-center"> <div id="mid-lcol" class="col j-center">
<div id="lt-top"></div> <div id="lt-top"></div>
@ -296,7 +297,6 @@
</div> </div>
</div> </div>
<div id="end" class="col a-center"> <div id="end" class="col a-center">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="bottom"> <div id="bottom">
<div id="layers"></div> <div id="layers"></div>
</div> </div>