add back button, more prominent help

This commit is contained in:
Stewart Allen 2020-06-08 14:21:10 -04:00
commit 7fed16a47c
4 changed files with 43 additions and 16 deletions

View file

@ -262,15 +262,16 @@ th, tr, td {
}
#acct-pop > div {
margin-top: 5px;
align-items: stretch;
background-color: white;
border: 1px solid #ddd;
border-radius: 3px;
padding: 5px 0 5px 0;
padding: 0;
}
#acct-pop > div > div {
padding: 0 5px 0 5px;
padding: 5px;
}
#acct-pop > div:hover {
#acct-pop > div > div:hover {
color: #000;
background-color: #f4f4f4;
}
@ -281,7 +282,7 @@ th, tr, td {
display: none;
position: absolute;
right: 100%;
top: -6px;
top: -1px;
align-items: stretch;
text-align: right;
border-radius: 3px;
@ -289,7 +290,7 @@ th, tr, td {
background-color: white;
}
#lang-pop > div {
padding: 4px 6px 4px 6px;
padding: 5px 7px 5px 7px;
}
#lang-pop > div:hover {
color: #000;
@ -320,7 +321,12 @@ th, tr, td {
left: -5px;
}
#lt-sep {
#lt-back {
position: absolute;
display: none;
top: 0;
}
#lt-sep, #lt-sep-help {
background-color: var(--bg-gray);
height: 10px;
left: -5px;

View file

@ -51,6 +51,9 @@
<div id="lset-da">danish</div>
</div>
</div>
<div id="acct-help" class="col a-end">
<label>help</label>
</div>
</div>
</div>
</div>
@ -59,6 +62,9 @@
<div id="mid" class="grow row">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="mid-lcol" class="col j-center noshow">
<div id="lt-back" class="lt-menu">
<i class="fas fa-arrow-circle-left"></i>
</div>
<div id="lt-top"></div>
<div id="lt-setup" class="lt-menu">
<i class="fas fa-cogs"></i>
@ -76,10 +82,6 @@
<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">
@ -182,6 +184,11 @@
<label>nozzle</label>
<div id="pop-nozzle" class="pop-lcol row fillh russo"></div>
</div>
<div id="lt-sep-help"></div>
<div id="set-help" class="lt-menu">
<i class="far fa-question-circle"></i>
<label>help<label>
</div>
<div id="lt-end"></div>
</div>
<div id="mid-mcol" class="grow">