From a36632def6a992d0f58c433aaaf1eb0342e80ccc Mon Sep 17 00:00:00 2001 From: Molkobain Date: Fri, 21 May 2021 11:24:23 +0200 Subject: [PATCH] Fix modal title displaying behind closing "X" on long titles --- css/backoffice/vendors/_jqueryui.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/css/backoffice/vendors/_jqueryui.scss b/css/backoffice/vendors/_jqueryui.scss index 40e0186d0..8ca6b6d8f 100644 --- a/css/backoffice/vendors/_jqueryui.scss +++ b/css/backoffice/vendors/_jqueryui.scss @@ -16,6 +16,8 @@ $ibo-vendors-jqueryui--ui-dialog-titlebar--height: 50px !default; $ibo-vendors-jqueryui--ui-dialog-titlebar--background-color: $ibo-vendors-jqueryui--ui-dialog--background-color !default; $ibo-vendors-jqueryui--ui-dialog-titlebar--border-bottom: solid 1px $ibo-color-grey-200 !default; +$ibo-vendors-jqueryui--ui-dialog-title--padding-right: 24px !default; + $ibo-vendors-jqueryui--ui-dialog-buttonpane--height: $ibo-vendors-jqueryui--ui-dialog-titlebar--height !default; $ibo-vendors-jqueryui--ui-dialog-buttonpane--background-color: $ibo-vendors-jqueryui--ui-dialog--background-color !default; $ibo-vendors-jqueryui--ui-dialog-buttonpane--border-top: $ibo-vendors-jqueryui--ui-dialog-titlebar--border-bottom !default; @@ -75,10 +77,9 @@ $ibo-vendors-jqueryui--ui-slider--ui-slider-handle--hover--border-color: $ibo-co .ui-dialog-title { float: left; margin: .1em 0; - white-space: nowrap; width: 100%; - overflow: hidden; - text-overflow: ellipsis; + padding-right: $ibo-vendors-jqueryui--ui-dialog-title--padding-right; /* To avoid title being visible behind the closing "X" */ + @extend %ibo-text-truncated-with-ellipsis; } .ui-dialog-titlebar-close { position: absolute;