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

add hover-pop delay + grouping for left menu

Browse source
This commit is contained in:
Stewart Allen 2021-01-27 17:58:04 -05:00
commit 9d37b2e678
5 changed files with 64 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/kiri/index.css
View file

@ -471,10 +471,10 @@ th, tr, td, label {
.lt-menu label {
font-size: smaller;
}
.lt-enabled {
.lt-enabled, .lt-active {
color: var(--fg-gray);
}
.lt-enabled:hover {
.lt-enabled:hover, .lt-active:hover {
background-color: #eee;
border: 1px solid #aaa;
color: #000;
@ -482,6 +482,9 @@ th, tr, td, label {
.lt-enabled:hover .pop-lcol {
display: flex;
}
.lt-active .hoverpop {
display: flex;
}
@media only screen and (max-height : 800px) {
.lt-menu, .pop-lcol {
font-size: 16px !important;

10
web/kiri/index.html
View file

@ -72,7 +72,7 @@
<i class="fas fa-times-circle"></i>
</div>
<div id="lt-top"></div>
<div id="lt-setup" class="lt-menu lt-enabled">
<div id="lt-setup" class="lt-menu lt-active">
<i class="fas fa-cogs"></i>
<label>setup</label>
<div id="set-pop" class="pop-lcol f-row">
@ -90,7 +90,7 @@
</div>
</div>
</div>
<div id="lt-file" class="lt-menu lt-enabled">
<div id="lt-file" class="lt-menu lt-active">
<i class="fas fa-folder"></i>
<label>files</label>
<div id="file-pop" class="pop-lcol f-row">
@ -105,7 +105,7 @@
</div>
</div>
<div id="act-sep"></div>
<div id="lt-view" class="lt-menu lt-enabled">
<div id="lt-view" class="lt-menu lt-active">
<i class="fas fa-eye"></i>
<label>view</label>
<div id="pop-view" class="pop-lcol f-row">
@ -127,7 +127,7 @@
</div>
</div>
</div>
<div id="act-slice" class="lt-menu lt-enabled">
<div id="act-slice" class="lt-menu lt-active">
<i class="fas fa-bars"></i>
<label id="label-slice" title="analyze parts">slice</label>
<div id="pop-slice" class="pop-lcol f-row">
@ -146,7 +146,7 @@
</div>
</div>
<div id="lt-sep"></div>
<div id="lt-render" class="lt-menu lt-enabled">
<div id="lt-render" class="lt-menu lt-active">
<i class="fas fa-border-style"></i>
<label>render</label>
<div id="pop-render" class="pop-lcol f-row">