ashpie/tabs
ashpie/tabs
1
0
Fork 0
Code Issues 12 Pull Requests Releases 49 Wiki Activity

Fix service nav buttons drag and drop display

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/index.html
View File

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

15
resources/style/index.css
View File

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