Sortable demo: Allow dropping to empty list and improve general styling

This commit is contained in:
Jörn Zaefferer 2014-04-24 13:31:59 +02:00
parent 6fb72fd820
commit 101513d651

View File

@ -11,8 +11,22 @@
<script src="../../ui/sortable.js"></script> <script src="../../ui/sortable.js"></script>
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<style> <style>
#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; } #sortable1, #sortable2 {
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; } border: 1px solid #eee;
width: 142px;
min-height: 20px;
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
float: left;
margin-right: 10px;
}
#sortable1 li, #sortable2 li {
margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
width: 120px;
}
</style> </style>
<script> <script>
$(function() { $(function() {