Add text-overflow for long labels

2018-07-31 23:25:56 +02:00
parent c4fc5a04f9
commit a6d9b4b260
1 changed files with 6 additions and 2 deletions
--- a/src/Umbraco.Web.UI.Client/src/less/property-editors.less
+++ b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
@@ -180,13 +180,13 @@ ul.color-picker li {
    div.color-picker-prediv {
        display: inline-flex;
        align-items: center;
+        max-width: 80%;

        pre {
-            display: inline;
+            display: inline-flex;
            font-family: monospace;
            margin-right: 10px;
            margin-left: 10px;
-            width: 50%;
            white-space: nowrap;
            overflow: hidden;
            margin-bottom: 0;
@@ -194,10 +194,14 @@ ul.color-picker li {
            padding-top: 7px;
            padding-bottom: 7px;
            background: #f7f7f7;
+            flex: 0 0 auto;
        }

        span {
            margin-left: 5px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
        }
    }