Ellipsize long filenames and sharee names in public share page header

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
nextcloud · Oct 1, 2018 · b9806f7 · b9806f7
1 parent e4f3098
commit b9806f7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git 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 {
 			}
 		}
 	}
-}
+}
diff --git 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,14 +209,16 @@
 	}
 }
 
-/* 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;
 	font-weight: 300;
 	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 */