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

reflow op add list. proper fix for mobile slider touch events

Browse source
This commit is contained in:
Stewart Allen 2022-10-18 00:44:39 -04:00
commit a79d566812
3 changed files with 30 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

19
web/kiri/index.css
View file

@ -916,6 +916,12 @@ th, tr, td, label {
#oplist div:hover .opop {
display: flex;
}
.mobile #oplist {
font-size: larger;
}
.mobile #op-add-pop {
font-size: larger;
}
#op-add-pop {
position: absolute;
display: none;
@ -925,16 +931,24 @@ th, tr, td, label {
#op-add:hover #op-add-pop {
display: flex;
}
.op-grid {
display: grid !important;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
align-items: center;
gap: 5px;
}
#op-add-list {
padding: 4px;
display: flex;
align-items: stretch;
flex-direction: column-reverse;
flex-direction: column;
}
#op-add-list > div {
padding: 3px 5px 3px 5px;
display: flex;
flex-direction: column;
border: 1px dashed gray;
border-radius: 3px;
}
#op-add-list > div:hover {
@ -1544,6 +1558,9 @@ th, tr, td, label {
height: 30px;
z-index: 100;
}
.mobile .sli-drag-el {
background-color: rgba(200,0,0,0.8) !important;
}
#slider-hi-val, #slider-lo-val {
display: none;
position: absolute;