Increase max width of action button

Allows for longer German words which cannot be wrapper when they don't contain spaces. In case a longer text if present that doesn't fit and cannot wrap, like an email address, an ellipsis will now be shown. Signed-off-by: Vincent Petry <[email protected]>
nextcloud-libraries · Jan 22, 2021 · 58aa764 · 58aa764
1 parent 4849289
commit 58aa764
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/assets/action.scss b/src/assets/action.scss
@@ -100,13 +100,17 @@
 
 		// long text area
 		p {
-			width: 185px;
+			width: 220px;
 			padding: #{$icon-margin / 2} 0;
 
 			cursor: pointer;
 			text-align: left;
 
 			line-height: 1.6em;
+
+			// in case there are no spaces like long email addresses
+			overflow: hidden;
+			text-overflow: ellipsis;
 		}
 
 		&__longtext {