From b9806f701228b1ec947e626acf51e6fc7654eab0 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Mon, 1 Oct 2018 11:49:16 +0200
Subject: [PATCH] Ellipsize long filenames and sharee names in public share
 page header

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 apps/files_sharing/css/public.scss | 4 +++-
 core/css/header.scss               | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss
index 708fe1f218..50dfa3e9c5 100644
--- a/apps/files_sharing/css/public.scss
+++ b/apps/files_sharing/css/public.scss
@@ -165,6 +165,8 @@ thead {
 	font-weight: 300;
 	font-size: 11px;
 	opacity: .57;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 #note-content {
@@ -186,4 +188,4 @@ thead {
 			}
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/core/css/header.scss b/core/css/header.scss
index 93c2111711..01e9e0ff48 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -65,6 +65,8 @@
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
+	overflow: hidden;
+
 	&:focus {
 		opacity: .75;
 	}
@@ -151,6 +153,7 @@
 		flex: 0 0;
 		flex-grow: 1;
 		white-space: nowrap;
+		overflow: hidden;
 	}
 
 	#header-right, .header-right {
@@ -206,7 +209,7 @@
 	}
 }
 
-/* show appname next to logo */
+/* only used for public share pages now as we have the app icons when logged in */
 .header-appname {
 	color: var(--color-primary-text);
 	font-size: 16px;
@@ -214,6 +217,8 @@
 	margin: 0;
 	padding: 0;
 	padding-right: 5px;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 /* do not show menu toggle on public share links as there is no menu */