From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Thu, 17 Apr 2014 14:58:57 +0000 (+0200)
Subject: keep long file names in one line to not overflow download button on mobile
X-Git-Tag: v7.0.0alpha2~386^2
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=d82a31d121c452529d3f1f95ab87096b215d1275;p=nextcloud-server.git

keep long file names in one line to not overflow download button on mobile
---

diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index 062444f496f..d36683d42cd 100644
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -70,13 +70,26 @@ thead {
 	margin: 0;
 }
 
+
 .directDownload,
 .directLink {
 	margin-bottom: 20px;
 }
+
+/* keep long file names in one line to not overflow download button on mobile */
+.directDownload #download {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 90%;
+	display: inline-block;
+	margin-left: auto;
+	margin-right: auto;
+}
 .directDownload .button img {
 	vertical-align: text-bottom;
 }
+
 .directLink label {
 	font-weight: normal;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";