add indicator for selected device and process

This commit is contained in:
Stewart Allen 2019-03-30 17:22:38 -04:00
commit cc353b0fa3
3 changed files with 37 additions and 1 deletions

View file

@ -33,6 +33,12 @@
<div id="control-left" class="control"><div id="assets"></div></div>
<!-- right control menu -->
<div id="control-right" class="control"><div id="control"></div></div>
<!-- selected device and print profiles -->
<div id="selected" class="control">
<span id="selected-device">???</span>
<span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<span id="selected-process">???</span>
</div>
<!-- all modal dialogs -->
<div id="modal">
<div id="help"></div>

View file

@ -635,3 +635,29 @@ button[import="1"] {
.fgro {
flex-grow: 1;
}
#selected {
position: fixed;
z-index: 10000;
color: #eee;
bottom: 5px;
left: 0px;
padding: 5px;
border-top: 3px solid #ddd;
border-right: 3px solid #ddd;
border-bottom: 3px solid #ddd;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: rgba(255,255,255,0.75);
overflow: none;
display: flex;
flex-direction: row;
}
#selected > span {
font-family: sans-serif;
font-weight: normal;
font-size: 12px;
color: #555;
}