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
1 changed files with 5 additions and 10 deletions

View File

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