diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2014-04-24 13:31:59 +0200 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2014-04-24 13:31:59 +0200 |
| commit | 101513d6511bf2c8826d0400a16da58727b84935 (patch) | |
| tree | 3944ab173c5afd27896dec1a3aea62b36b72e75a | |
| parent | 6fb72fd820b524113e4ddca199787ba658fd58ec (diff) | |
| download | jquery-ui-101513d6511bf2c8826d0400a16da58727b84935.tar.gz jquery-ui-101513d6511bf2c8826d0400a16da58727b84935.zip | |
Sortable demo: Allow dropping to empty list and improve general styling
| -rw-r--r-- | demos/sortable/connect-lists.html | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/demos/sortable/connect-lists.html b/demos/sortable/connect-lists.html index 47ba6df15..4808b348d 100644 --- a/demos/sortable/connect-lists.html +++ b/demos/sortable/connect-lists.html @@ -11,8 +11,22 @@ <script src="../../ui/sortable.js"></script> <link rel="stylesheet" href="../demos.css"> <style> - #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; } - #sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; } + #sortable1, #sortable2 { + 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> <script> $(function() { |