Added a visible drag handle.

This commit is contained in:
orangemug
2018-10-30 19:32:20 +00:00
parent 3d2a1d5d19
commit 1f81449e3c
2 changed files with 41 additions and 10 deletions

View File

@@ -42,6 +42,8 @@
opacity: 1;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
padding-left: 0;
margin-left: -4px;
@media screen and (prefers-reduced-motion: reduce) {
transition-duration: 0;
@@ -111,6 +113,8 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: inherit;
text-decoration: none;
}
&-group-header {
@@ -229,3 +233,30 @@
min-width: 28px;
}
}
.layer-handle {
width: 35px;
flex-shrink: 0;
cursor: move;
&__handle {
margin-right: 4px;
display: inline-block;
width: 14px;
height: 14px;
:not(:hover) {
path {
fill: #555;
}
}
}
&__icon {
padding-right: 3px;
display: inline-block;
width: 14px;
height: 14px;
}
}