From db837bf696951e3c866205a2d690bf3c014babeb Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 15 Jan 2014 14:45:10 +0100
Subject: [PATCH] improvements to public files mobile view
---
apps/files/css/files.css | 2 +-
apps/files_sharing/css/mobile.css | 15 ++++++++++-----
2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index 74320aba32..4beb01a4e6 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -234,7 +234,7 @@ table td.filename form { font-size:.85em; margin-left:3em; margin-right:3em; }
#fileList tr td.filename a.name label {
position: absolute;
- width: 100%;
+ width: 80%;
height: 50px;
}
diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
index 55d244ff1e..3578aff17f 100644
--- a/apps/files_sharing/css/mobile.css
+++ b/apps/files_sharing/css/mobile.css
@@ -1,10 +1,5 @@
@media only screen and (max-width: 600px) {
-/* make header and controls bar scroll up for more view of content on small screens */
-#header,
-#controls {
- position: absolute;
-}
/* hide size and date columns */
table th#headerSize,
@@ -14,5 +9,15 @@ table td.date {
display: none;
}
+/* restrict length of displayed filename to prevent overflow */
+table td.filename .nametext {
+ max-width: 80% !important;
+}
+/* and to make room for download button on hover */
+table tr:hover td.filename .nametext,
+table tr:focus td.filename .nametext {
+ max-width: 60% !important;
+}
+
}
--
GitLab