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

Make service reordering drag and drop display not modify nav height

Browse Source
This commit is contained in:
Alice Gaudon 2020-05-19 05:40:25 +02:00
parent 27c27f2e04
commit 6353396522
1 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
resources/style/index.css
View File

@ -38,17 +38,20 @@ body {
user-drag: none; user-drag: none;
} }
#service-selector .drag-target:not(.drag-target-self) button {
height: 96px;
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: 4px;
transform: translateY(-50%);
border: 0;
box-sizing: border-box;
background: #fff9;
}
#service-selector .drag-target-self button::after {
height: 48px; height: 48px;
border: 1px dashed #fff; border: 1px dashed #fff;
box-sizing: border-box; transform: none;
} }
#service-selector .drag-target button::after { #service-selector .drag-target button::after {
@ -58,18 +61,6 @@ body {
width: 100%; width: 100%;
} }
#service-last-drag-position:not(.hidden):not(.drag-target) {
display: block;
padding: 16px 4px;
background-color: #fff5;
}
#service-last-drag-position:not(.drag-target)::after {
content: "";
display: block;
border-bottom: 1px solid #fff;
}
#service-selector .drag-target::after { #service-selector .drag-target::after {
top: 75% !important; top: 75% !important;
} }