Editor improvements v2 (#241)

* added `border-top` to toolbar * hide background if entry is not active --------- Co-authored-by: vin0401 <[email protected]>
pimcore · May 17, 2024 · 8883287 · 8883287
1 parent d646f6d
commit 8883287
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/assets/js/src/core/components/sidebar/sidebar.styles.ts b/assets/js/src/core/components/sidebar/sidebar.styles.ts
@@ -52,7 +52,6 @@ export const useStyle = createStyles(({ token, css }) => {
                   padding: ${token.paddingXS}px ${token.paddingXXS}px;
                   justify-content: center;
                   align-items: center;
-                  background: ${token.colorFillQuaternary};
 
                   .pimcore-icon {
                       flex-shrink: 0;
@@ -65,6 +64,7 @@ export const useStyle = createStyles(({ token, css }) => {
                   }
 
                   &.active {
+                      background: ${token.colorFillQuaternary};
                       border-right: 2px solid ${token.colorPrimaryActive};
 
                       .pimcore-icon {

diff --git a/...c/core/modules/element/editor/tab-manager/layouts/content-toolbar-sidebar-view.styles.tsx b/...c/core/modules/element/editor/tab-manager/layouts/content-toolbar-sidebar-view.styles.tsx
@@ -33,6 +33,7 @@ export const useStyles = createStyles(({ token, css }) => {
       }
 
       .content-toolbar-sidebar-layout__toolbar {
+        border-top: 1px solid ${token.colorBorderTertiary};
         position: sticky;
         bottom: 0;
         height: ${token.sizeXXL}px;