IBX-6985: Product code badge at wrong position (#975)

ibexa · Nov 16, 2023 · 4384251 · 4384251
1 parent f166850
commit 4384251
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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
@@ -4,7 +4,7 @@
     <div class="ibexa-page-title">
         <div class="ibexa-page-title__top">
             <h1 class="ibexa-page-title__title">
-                {{ title }}
+                <span class="ibexa-page-title__content" title="{{ title }}">{{ title }}</span>
                 {% block tag %}
                     {% if tag is defined %}
                         {% set attr = tag_attr|default({})|merge({