Use a green horizontal line as the drag-and-drop placeholder

This commit is contained in:
Gnome Ann 2021-12-05 00:34:44 -05:00
parent b99ac92a52
commit 08992dec7e
3 changed files with 14 additions and 2 deletions

View File

@ -1864,9 +1864,10 @@ $(document).ready(function(){
handle: ".wihandle", handle: ".wihandle",
start: sortableOnStart, start: sortableOnStart,
stop: sortableOnStop, stop: sortableOnStop,
placeholder: "wisortable-placeholder",
cursor: "move", cursor: "move",
tolerance: "pointer", tolerance: "pointer",
opacity: 0.42, opacity: 0.21,
revert: 173, revert: 173,
scrollSensitivity: 64, scrollSensitivity: 64,
scrollSpeed: 10, scrollSpeed: 10,

View File

@ -262,6 +262,7 @@ chunk.editing, chunk.editing * {
} }
#wimenu { #wimenu {
padding-top: 10px;
max-height: 100%; max-height: 100%;
width: 100%; width: 100%;
} }
@ -566,6 +567,16 @@ chunk.editing, chunk.editing * {
cursor: move; cursor: move;
} }
.wisortable-placeholder {
height: 4px;
transform: translate(0%, -14px);
-moz-transform: translate(0%, -14px);
-webkit-transform: translate(0%, -14px);
-ms-transform: translate(0%, -14px);
-o-transform: translate(0%, -14px);
background-color: #3bf723;
}
.wisortable-body { .wisortable-body {
} }

View File

@ -15,7 +15,7 @@
<link rel="stylesheet" href="static/jquery-ui.sortable.min.css"> <link rel="stylesheet" href="static/jquery-ui.sortable.min.css">
<link rel="stylesheet" href="static/bootstrap.min.css"> <link rel="stylesheet" href="static/bootstrap.min.css">
<link rel="stylesheet" href="static/bootstrap-toggle.min.css"> <link rel="stylesheet" href="static/bootstrap-toggle.min.css">
<link rel="stylesheet" href="static/custom.css?ver=1.16.4b"> <link rel="stylesheet" href="static/custom.css?ver=1.16.4c">
<link rel="stylesheet" href="static/open-iconic-bootstrap.min.css"> <link rel="stylesheet" href="static/open-iconic-bootstrap.min.css">
</head> </head>
<body> <body>