|
|
@@ -148,7 +148,7 @@
|
|
|
position: relative;
|
|
|
transition: height .3s linear;
|
|
|
overflow: hidden;
|
|
|
- padding: 5px 2px;
|
|
|
+ padding: 0px;
|
|
|
background: rgba(0, 0, 0, .3);
|
|
|
max-height: calc(100vh - 40px);
|
|
|
}
|
|
|
@@ -159,13 +159,16 @@
|
|
|
}
|
|
|
|
|
|
.select .option {
|
|
|
- padding: 0;
|
|
|
transform: translate(0, calc(var(--top)));
|
|
|
margin-top: 0;
|
|
|
background: none;
|
|
|
position: relative;
|
|
|
max-width: 50px;
|
|
|
}
|
|
|
+ .select .option li {
|
|
|
+ padding-left: 0;
|
|
|
+ padding-right: 0;
|
|
|
+ }
|
|
|
|
|
|
.select:hover .option {
|
|
|
transform: translate(0, 0);
|
|
|
@@ -220,7 +223,7 @@
|
|
|
|
|
|
if ($item) {
|
|
|
document.querySelector('#floor').innerHTML = $item.innerHTML
|
|
|
- document.querySelector('#floors').style.setProperty('--top', (-Array.from($items).indexOf($item)) * 36 + 'px')
|
|
|
+ document.querySelector('#floors').style.setProperty('--top', (-Array.from($items).indexOf($item)) * 36 - 5 + 'px')
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -246,7 +249,7 @@
|
|
|
$floors.parentElement.addEventListener('mouseleave', () => {
|
|
|
$floors.style.display = 'block'
|
|
|
})
|
|
|
- document.querySelector('#floors').parentElement.style.setProperty('--height', floors.length * 36 + 'px')
|
|
|
+ document.querySelector('#floors').parentElement.style.setProperty('--height', floors.length * 36 + 11 + 'px')
|
|
|
}
|
|
|
|
|
|
const setCurrentMode = id => {
|
