From 6d7d3c16d04596b0cd32ebc1aaddaaaf7c5fe481 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Mon, 3 Feb 2014 17:23:30 +0100
Subject: [PATCH] ellipsize long modified dates to make room for showing delete
button, fix #7040
---
apps/files/css/files.css | 10 ++++++++++
1 file changed, 10 insertions(+)
diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index 1d254ad04ee..8c7938c79bb 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -119,7 +119,9 @@ table th#headerDate, table td.date {
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
+ /* this can not be just width, both need to be set … table styling */
min-width: 176px;
+ max-width: 176px;
}
/* Multiselect bar */
@@ -174,6 +176,14 @@ table td.filename .nametext, .uploadtext, .modified { float:left; padding:14px 0
}
.modified {
position: relative;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 90%;
+}
+/* ellipsize long modified dates to make room for showing delete button */
+#fileList tr:hover .modified,
+#fileList tr:focus .modified {
+ width: 75%;
}
/* TODO fix usability bug (accidental file/folder selection) */
--
GitLab