use text-overflow for better look in narrow screens

2019-04-03 15:45:41 +02:00
parent 74bfaabf90
commit 8472b48ba8
1 changed files with 8 additions and 2 deletions
--- a/src/Umbraco.Web.UI.Client/src/less/components/editor.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/editor.less
@@ -166,9 +166,15 @@ a.umb-editor-header__close-split-view:hover {
    height: 30px;
 	text-decoration: none !important;
 	font-size: 13px;
-	//color: @gray-4;
    color: @ui-action-discreet-type;
-	//background-color: @white;
+    
+    max-width: 50%;
+    white-space: nowrap;
+    
+    span {
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
 }

 a.umb-variant-switcher__toggle {