Aligning with line height

Remove "top:" in favour of setting "line-height" and fixing the
resulting problem with the input field being positioned wrongly.
This commit is contained in:
Bagera 2014-05-15 11:48:41 +02:00 committed by Morris Jobke
parent e11abccded
commit 28f420b337

View file

@ -180,7 +180,6 @@ table th#headerName {
height: 50px;
}
table th#headerSize, table td.filesize {
min-width: 48px;
text-align: right;
padding: 0;
}
@ -193,6 +192,7 @@ table th.column-last, table td.column-last {
box-sizing: border-box;
position: relative;
/* this can not be just width, both need to be set … table styling */
padding: 0 8px;
min-width: 176px;
max-width: 176px;
}
@ -227,14 +227,14 @@ table td.filename a.name {
box-sizing: border-box;
display: block;
height: 50px;
vertical-align: middle;
line-height: 50px;
padding: 0;
}
table tr[data-type="dir"] td.filename a.name span.nametext {font-weight:bold; }
table td.filename input.filename {
width: 80%;
font-size: 14px;
margin-top: 8px;
margin-top: 0;
margin-left: 2px;
cursor: text;
}
@ -257,7 +257,6 @@ table td.filename .nametext, .uploadtext, .modified, .column-last>span:first-chi
/* TODO fix usability bug (accidental file/folder selection) */
table td.filename .nametext {
position: absolute;
top: 15px;
left: 55px;
padding: 0;
overflow: hidden;
@ -315,7 +314,7 @@ table td.filename .nametext .innernametext {
/* for smaller resolutions - see mobile.css */
table td.filename .uploadtext { font-weight:normal; margin-left:8px; }
table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
table td.filename form { font-size:14px; margin-left:46px; height: 40px; padding-top: 10px}
.ie8 input[type="checkbox"]{
padding: 0;
@ -384,7 +383,6 @@ table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
/* File actions */
.fileactions {
position: absolute;
top: 15px;
right: 0;
font-size: 11px;
}
@ -402,10 +400,6 @@ table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
.fileactions a.action > img{
margin-bottom: -1px;
}
/* Actions for selected files */
.selectedActions {
position: absolute;
@ -429,6 +423,7 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
#fileList a.action {
display: inline;
padding: 18px 8px;
line-height: 50px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;