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

13 years ago · edced60ed4
parent 45d165405f
commit edced60ed4
1 changed files with 13 additions and 0 deletions
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@ -91,13 +91,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)";