From 28f420b337442131ce1ca8de48e65f790c45d3b8 Mon Sep 17 00:00:00 2001 From: Bagera Date: Thu, 15 May 2014 11:48:41 +0200 Subject: [PATCH] Aligning with line height Remove "top:" in favour of setting "line-height" and fixing the resulting problem with the input field being positioned wrongly. --- apps/files/css/files.css | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) diff --git a/apps/files/css/files.css b/apps/files/css/files.css index a580728323..404762b761 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -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;