diff options
-rw-r--r-- | apps/files/css/files.scss | 34 |
1 files changed, 25 insertions, 9 deletions
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); |