vertically center rename input box
This commit is contained in:
parent
164502477d
commit
7e4dcd268f
2 changed files with 9 additions and 3 deletions
|
@ -142,7 +142,13 @@ table td.filename a.name {
|
|||
padding: 0;
|
||||
}
|
||||
table tr[data-type="dir"] td.filename a.name span.nametext {font-weight:bold; }
|
||||
table td.filename input.filename { width:100%; cursor:text; }
|
||||
table td.filename input.filename {
|
||||
width: 80%;
|
||||
font-size: 14px;
|
||||
margin-top: 8px;
|
||||
margin-left: 2px;
|
||||
cursor: text;
|
||||
}
|
||||
table td.filename a, table td.login, table td.logout, table td.download, table td.upload, table td.create, table td.delete { padding:.2em .5em .5em .3em; }
|
||||
table td.filename .nametext, .uploadtext, .modified { float:left; padding:.3em 0; }
|
||||
|
||||
|
@ -176,7 +182,7 @@ table td.filename form { font-size:.85em; margin-left:3em; margin-right:3em; }
|
|||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
float: left;
|
||||
margin: 32px 0 0 32px; /* bigger clickable area doesn’t work in FF width:2.8em; height:2.4em;*/
|
||||
margin: 32px 0 4px 32px; /* bigger clickable area doesn’t work in FF width:2.8em; height:2.4em;*/
|
||||
}
|
||||
/* Show checkbox when hovering, checked, or selected */
|
||||
#fileList tr:hover td.filename>input[type="checkbox"]:first-child,
|
||||
|
|
|
@ -199,7 +199,7 @@ var FileList={
|
|||
tr=$('tr').filterAttr('data-file',name);
|
||||
tr.data('renaming',true);
|
||||
td=tr.children('td.filename');
|
||||
input=$('<input class="filename"/>').val(name);
|
||||
input=$('<input type="text" class="filename"/>').val(name);
|
||||
form=$('<form></form>');
|
||||
form.append(input);
|
||||
td.children('a.name').hide();
|
||||
|
|
Loading…
Reference in a new issue