Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Slightly beefing up visuals of Sortable-default demo.

  • Loading branch information...
commit 4c9cb6333b0a988d66e860d882194addf6a766c3 1 parent 76efc37
@akoprow authored
Showing with 7 additions and 4 deletions.
  1. +4 −4 demo.opa
  2. +3 −0  resources/style.css
View
8 demo.opa
@@ -8,13 +8,13 @@ module Sortable {
demo =
{ name: "Sortable"
, pages:
- [ {name: "Default", show: default_sortable }
+ [ {name: "Default functionality", show: default_functionality }
]
}
- client function default_sortable() {
+ client function default_functionality() {
function mk_entry(i) {
- <li>Item #{i}</>
+ <li><div class="alert alert-info">Item #{i}</></>
}
function mk_sortable(_) {
jQueryUI.Sortable.mk_sortable(#sortable)
@@ -61,7 +61,7 @@ function page() {
Server.start(Server.http,
[ {resources: @static_resource_directory("resources")}
- , {register: ["resources/bootstrap.css"]}
+ , {register: ["resources/bootstrap.css", "resources/style.css"]}
, {title: "JQuery-UI in Opa", ~page}
]
)
View
3  resources/style.css
@@ -0,0 +1,3 @@
+#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
+#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; cursor: pointer }
+#sortable li span { position: absolute; margin-left: -1.3em; }
Please sign in to comment.
Something went wrong with that request. Please try again.