Changes after QA

ibexa · Nov 7, 2024 · 2fd2476 · 2fd2476
1 parent 4b00294
commit 2fd2476
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/src/bundle/Resources/public/scss/_preview-header.scss b/src/bundle/Resources/public/scss/_preview-header.scss
@@ -1,40 +1,44 @@
 .ibexa-preview-header {
     display: grid;
     grid-template-areas: 'siteaccess actions back';
-    grid-template-columns: auto 1fr 1fr;
+    grid-template-columns: auto 1fr auto;
     border-bottom: calculateRem(1px) solid $ibexa-color-dark-400;
     background-color: $ibexa-color-dark;
 
     &__item {
+        padding: calculateRem(10px);
+
         &--back {
             grid-area: back;
-            padding: calculateRem(10px);
             justify-items: flex-end;
         }
 
         &--siteaccess {
             grid-area: siteaccess;
-            padding: calculateRem(10px);
             display: flex;
             align-items: center;
             margin-left: calculateRem(16px);
 
             .ibexa-dropdown {
-                --ibexa-dropdown-primary-color: $ibexa-color-white;
-                --ibexa-text-color: $ibexa-color-white;
+                --ibexa-dropdown-primary-color: #{$ibexa-color-white};
+                --ibexa-text-color: #{$ibexa-color-white};
             }
 
             .ibexa-dropdown__selection-info {
                 margin-bottom: 0;
+                border: none;
             }
         }
 
         &--actions {
             grid-area: actions;
-            padding: calculateRem(10px);
             display: flex;
             align-items: center;
         }
+
+        &--separation-line {
+            border-right: calculateRem(1px) solid $ibexa-color-dark-400;
+        }
     }
 
     &__link {

diff --git a/src/bundle/Resources/public/scss/_preview.scss b/src/bundle/Resources/public/scss/_preview.scss
@@ -9,7 +9,6 @@
             margin: 0 auto;
             transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
             background: $ibexa-color-white;
-            border-radius: $ibexa-border-radius;
         }
 
         &--desktop {

diff --git a/src/bundle/Resources/views/themes/admin/content/content_preview.html.twig b/src/bundle/Resources/views/themes/admin/content/content_preview.html.twig
@@ -14,8 +14,10 @@
 
 {% block header_row %}
     <div class="ibexa-preview-header">
-        <div class="ibexa-preview-header__item ibexa-preview-header__item--siteaccess">
-            {{ form(site_access_form) }}
+        <div class="ibexa-preview-header__item">
+            <div class="ibexa-preview-header__item--siteaccess ibexa-preview-header__item--separation-line">
+                {{ form(site_access_form) }}
+            </div>
         </div>
         <div class="ibexa-preview-header__item ibexa-preview-header__item--actions">
             <button data-preview-mode="desktop" class="btn ibexa-btn ibexa-btn--no-text ibexa-btn--dark-selector ibexa-btn--selected ibexa-preview-header__action">