Fix service nav buttons drag and drop display

This commit is contained in:
Alice Gaudon 2020-05-19 04:57:52 +02:00
parent de37996370
commit 517f0ef5a4
2 changed files with 14 additions and 7 deletions

View File

@ -22,8 +22,10 @@
<button id="forward" class="disabled"><i class="fas fa-arrow-right"></i></button>
</div>
<ul id="service-selector"></ul>
<div id="service-last-drag-position" class="hidden"></div>
<div id="service-buttons">
<ul id="service-selector"></ul>
<div id="service-last-drag-position" class="hidden"></div>
</div>
<button id="add-button"><i class="fa fa-plus"></i></button>

View File

@ -10,13 +10,18 @@ body {
width: 48px;
}
#service-selector {
#service-buttons {
flex-grow: 1;
overflow: hidden auto;
}
#service-selector {
display: block;
margin: 0;
padding: 0;
overflow: hidden auto;
list-style: none;
}
#service-selector::-webkit-scrollbar {
@ -34,14 +39,14 @@ body {
}
#service-selector .drag-target button {
height: 56px;
padding-top: 88px;
height: 96px;
padding-top: 48px;
}
#service-selector .drag-target button::after,
#service-last-drag-position.drag-target {
content: "";
height: 56px;
height: 48px;
border: 1px dashed #fff;
box-sizing: border-box;