mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
layout demo: fixed positioning of add-button, border-top of header got messed up in IE
This commit is contained in:
parent
d0b0281db1
commit
b59354a4b2
@ -1 +1,3 @@
|
|||||||
|
.ui-sortable h2 { top: -4px; }
|
||||||
|
|
||||||
#overlay #preloader img { margin-top: 11px; }
|
#overlay #preloader img { margin-top: 11px; }
|
@ -11,7 +11,7 @@ a { color:#FFF; }
|
|||||||
#overlay #preloader img { margin:0; vertical-align:middle; }
|
#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 { 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; }
|
dl.sort { color:#222; margin:10px 0; }
|
||||||
#uidemo dl.first { margin-top: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 { background-color:#FFF; cursor:pointer; display:block; float:left; text-indent:-9000px; }
|
||||||
span.options a.add { background: url(add.png) no-repeat; }
|
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; }
|
.ui-sortable h2 span.options a { height:12px; width:30px; }
|
||||||
|
|
||||||
dl.sort dt span.options { right:5px; top:5px; width:27px; }
|
dl.sort dt span.options { right:5px; top:5px; width:27px; }
|
||||||
|
@ -22,12 +22,13 @@
|
|||||||
updateUpDown(dl.parent());
|
updateUpDown(dl.parent());
|
||||||
};
|
};
|
||||||
|
|
||||||
|
var counter = 1;
|
||||||
function addItem(){
|
function addItem(){
|
||||||
var sortable = $(this).parents('.ui-sortable');
|
var sortable = $(this).parents('.ui-sortable');
|
||||||
var options = '<span class="options"><a class="up">up</a><a class="down">down</a></span>';
|
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 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);
|
sortable.append(html).sortable('refresh').find('a.up, a.down').bind('click', moveUpDown);
|
||||||
updateUpDown(sortable);
|
updateUpDown(sortable);
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user