From a02c5d7128a5255448a4d203037f3014096166f8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6?= Date: Tue, 28 Dec 2021 15:18:03 +0100 Subject: Fix uploading text position MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ --- apps/files/css/files.scss | 34 +++++++++++++++++++++++++--------- 1 file changed, 25 insertions(+), 9 deletions(-) (limited to 'apps/files') diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 15255fdc47f..2c9be4ef3fe 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -428,11 +428,6 @@ table { padding: 0 20px 0 0; } } - - .uploadtext { - position: absolute; - left: 55px; - } } .hide-hidden-files #filestable #fileList tr.hidden-file, @@ -460,13 +455,22 @@ table td.filename .nametext .innernametext { /* for smaller resolutions - see mobile.css */ table td.filename .uploadtext { + position: absolute; font-weight: normal; - margin-left: 55px; - margin-top: 5px; + // checkbox width + margin-left: 50px; + left: 0; + bottom: 0; height: 20px; - padding: 10px 0; + padding: 0 4px; + // align with file name + padding-left: 1px; font-size: 11px; - opacity: .5; + // double the font size + line-height: 22px; + color: var(--color-text-maxcontrast); + text-overflow: ellipsis; + white-space: nowrap; } table td.selection { @@ -988,6 +992,18 @@ table.dragshadow td.size { } } + .uploadtext { + width: 100%; + margin: 0; + top: 0; + bottom: auto; + // checkbox align + height: 28px; + padding-top: 4px; + // checkbox margins + padding-left: calc(44px - 16px); + } + .name { height: 100%; border-radius: var(--border-radius); -- cgit v1.2.3