Verified Commit 9a265054 authored by Marco Kellershoff's avatar Marco Kellershoff 🤸
Browse files

Add drag icon

parent 83da5cb8
...@@ -357,12 +357,15 @@ ...@@ -357,12 +357,15 @@
} else { } else {
listItem.classList.add("disabled"); listItem.classList.add("disabled");
} }
const dragIcon = create("div");
dragIcon.setAttribute("class", "drag-icon");
listItem.appendChild(input); listItem.appendChild(input);
listItem.appendChild(select); listItem.appendChild(select);
listItem.appendChild(inputHostnames); listItem.appendChild(inputHostnames);
listItem.appendChild(btnAdd); listItem.appendChild(btnAdd);
listItem.appendChild(btnRemove); listItem.appendChild(btnRemove);
listItem.appendChild(checkboxEnabled); listItem.appendChild(checkboxEnabled);
listItem.appendChild(dragIcon);
addEventsToListItem(listItem); addEventsToListItem(listItem);
if (refNode) { if (refNode) {
refNode.parentNode.insertBefore( refNode.parentNode.insertBefore(
......
...@@ -36,6 +36,18 @@ h1 span { ...@@ -36,6 +36,18 @@ h1 span {
color: #19cf85; color: #19cf85;
} }
div.drag-icon {
display: inline-block;
width: 64px;
height: 64px;
margin-bottom: -25px;
background: {
image: url("icons/hand-drawn-drag-icon.png");
size: cover;
position: center;
}
}
.hidden { .hidden {
display: none; display: none;
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment