Control: Add drag and drop to sort categories and products (#2242)

* add drag and drop to categories

* add drag and drop to products

* add light grey background to dragged element

* add missing th, add sr-only desc of columns

* group up/down/move elements

* improve visualizing drag-area by dimming others

* change up/down-links to buttons in form-post

* limit sorting to POST requests

Co-authored-by: Raphael Michel <michel@rami.io>
This commit is contained in:
Richard Schreiber
2021-10-12 14:46:56 +02:00
committed by GitHub
parent dde4e12ce1
commit 8121167d5e
8 changed files with 249 additions and 112 deletions

View File

@@ -706,6 +706,20 @@ h1 .label {
}
}
.sortable-chosen {
background-color: $table-bg-hover;
}
tbody[data-dnd-url] {
transition: opacity 1s;
}
.sortable-sorting tbody:not(.sortable-dragarea) {
opacity: .4;
}
tbody th {
background: $table-bg-hover;
}
.withoutjs {
display: none !important;
}