diff --git a/src/bundle/Resources/public/scss/_badges.scss b/src/bundle/Resources/public/scss/_badges.scss index e16b34a353..680d16d1d9 100644 --- a/src/bundle/Resources/public/scss/_badges.scss +++ b/src/bundle/Resources/public/scss/_badges.scss @@ -8,6 +8,7 @@ border-radius: calculateRem(12px); background-color: $ibexa-color-light-500; white-space: nowrap; + display: inline-block; &--status { position: relative; diff --git a/src/bundle/Resources/public/scss/_page-title.scss b/src/bundle/Resources/public/scss/_page-title.scss index 3fdd292284..97e0bd1132 100644 --- a/src/bundle/Resources/public/scss/_page-title.scss +++ b/src/bundle/Resources/public/scss/_page-title.scss @@ -12,14 +12,21 @@ } &__title { + display: flex; + align-items: center; + overflow: hidden; + } + + &__content { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; + white-space: nowrap; } .ibexa-badge { - margin: calculateRem(5px) 0 0 calculateRem(16px); + margin-left: calculateRem(16px); font-family: $ibexa-font-family; } } diff --git a/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig b/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig index 7655269abe..3c8cfc4a7c 100644 --- a/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig +++ b/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig @@ -4,7 +4,7 @@

- {{ title }} + {{ title }} {% block tag %} {% if tag is defined %} {% set attr = tag_attr|default({})|merge({