From c3d6b7276311180aba845b8eb089a9e801d4a721 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Tue, 26 May 2020 17:04:37 +0200
Subject: [PATCH] Fix title overflow in toolbar

---
 customize.dist/src/less2/include/toolbar.less | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less
index b1037c710..0c26c0e3b 100644
--- a/customize.dist/src/less2/include/toolbar.less
+++ b/customize.dist/src/less2/include/toolbar.less
@@ -474,7 +474,7 @@
                     .cp-toolbar-title-hoverable {
                         width: 100%;
                     }
-                    .cp-toolbar-title-editable, .cp-toolbar-title-value-page {
+                    .cp-toolbar-title-editable, .cp-toolbar-title-value {
                         max-width: ~"calc(100vw - 26px)";
                         display: inline-block;
                         overflow: hidden;
@@ -484,7 +484,10 @@
                         box-sizing: border-box;
                         line-height: @toolbar_line-height;
                     }
-                    .cp-toolbar-title-value-page {
+                    .cp-toolbar-title-readonly {
+                        font-size: 14px;
+                    }
+                    .cp-toolbar-title-value {
                         padding: 5px;
                         line-height: @toolbar_line-height - 10px;
                         border: 0;
@@ -664,6 +667,7 @@
                 display: inline-flex;
                 overflow: hidden;
                 align-self: baseline;
+                max-width: 100%;
                 &:hover {
                     .cp-toolbar-title-editable, .cp-toolbar-title-edit {
                         border: 1px solid @toolbar-bg-color;
@@ -694,7 +698,7 @@
                     cursor: pointer;
                 }
             }
-            .cp-toolbar-title-editable {
+            .cp-toolbar-title-value {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 border-collapse: collapse;