Merge pull request #1393 from nextcloud/backport/1392/stable25

[stable25] Fix editor tabs ellipsis and scrolling
nextcloud · Sep 29, 2022 · d2528fa · d2528fa
2 parents 7650a9a + 31c8919
commit d2528fa
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/components/ImageEditor.vue b/src/components/ImageEditor.vue
@@ -397,6 +397,8 @@ export default {
 // Tabs
 .FIE_tabs {
 	padding: 6px !important;
+	overflow: hidden;
+	overflow-y: auto;
 }
 
 .FIE_tab {
@@ -409,7 +411,12 @@ export default {
 		height: 16px;
 	}
 	&-label {
-		margin-top: 8px;
+		margin-top: 8px !important;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100%;
+		white-space: nowrap;
+		display: block !important;
 	}
 
 	&:hover,