Skip to content
Permalink
Browse files

layout demo: fixed positioning of add-button, border-top of header go…

…t messed up in IE
  • Loading branch information
jzaefferer committed Sep 3, 2008
1 parent d0b0281 commit b59354a4b2942ab8954c81e0164db231d753d7cf
Showing with 7 additions and 4 deletions.
  1. +2 −0 demos/real-world/layout/demo-ie.css
  2. +2 −2 demos/real-world/layout/demo.css
  3. +3 −2 demos/real-world/layout/demo.js
@@ -1 +1,3 @@
.ui-sortable h2 { top: -4px; }

#overlay #preloader img { margin-top: 11px; }
@@ -11,7 +11,7 @@ a { color:#FFF; }
#overlay #preloader img { margin:0; vertical-align:middle; }

.ui-sortable { background-color:#FFF; border:1px solid #555; color:#222; margin:0 15px 15px 0; padding:0 10px 10px; width:175px; }
.ui-sortable h2 { background-color:#555; border-top:3px solid #666; color:#FFF; font-size:11px; margin:0 -10px 10px; line-height:2; padding:0 10px; }
.ui-sortable h2 { background-color:#555; border-top:3px solid #666; color:#FFF; font-size:11px; margin:0 -10px 10px; line-height:2; padding:0 10px; position:relative; }

dl.sort { color:#222; margin:10px 0; }
#uidemo dl.first { margin-top:0; }
@@ -27,7 +27,7 @@ span.options { cursor:default; font-size:1px; line-height:1px; position:absolute
span.options a { background-color:#FFF; cursor:pointer; display:block; float:left; text-indent:-9000px; }
span.options a.add { background: url(add.png) no-repeat; }

.ui-sortable h2 span.options { right:10px; top:8px; width:30px; }
.ui-sortable h2 span.options { right:-12px; top:5px; width:30px; }
.ui-sortable h2 span.options a { height:12px; width:30px; }

dl.sort dt span.options { right:5px; top:5px; width:27px; }
@@ -22,12 +22,13 @@
updateUpDown(dl.parent());
};

var counter = 1;
function addItem(){
var sortable = $(this).parents('.ui-sortable');
var options = '<span class="options"><a class="up">up</a><a class="down">down</a></span>';
var tpl = '<dl class="sort"><dt>{name}' + options + '</dt><dd>{desc}</dd></dl>';
var html = tpl.replace(/{name}/g, 'Dynamic name :D').replace(/{desc}/g, 'Description');

var html = tpl.replace(/{name}/g, 'Dynamic name ' + counter).replace(/{desc}/g, 'Description');
counter += 1;
sortable.append(html).sortable('refresh').find('a.up, a.down').bind('click', moveUpDown);
updateUpDown(sortable);
};

0 comments on commit b59354a

Please sign in to comment.
You can’t perform that action at this time.