BUGFIX: Show document tree resize icon on Safari

The icon was not visible due to the background color of the tree component. Resolves: #3556
neos · Dec 16, 2023 · c1b6286 · c1b6286
1 parent 52665cc
commit c1b6286
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/packages/neos-ui/src/Containers/LeftSideBar/NodeTree/style.module.css b/packages/neos-ui/src/Containers/LeftSideBar/NodeTree/style.module.css
@@ -3,7 +3,6 @@
     /* Node Tree is expected to be rendered inside a display: flex container - and it will take up all remaining space */
     flex: 1 0 0px;
     transition: var(--transition-Slow) ease height, overflow-y var(--transition-Slow);
-    background: var(--colors-ContrastDarker);
     border-bottom: 1px solid var(--colors-ContrastDark);
     border-right: 1px solid var(--colors-ContrastDark);
 }

diff --git a/packages/neos-ui/src/Containers/LeftSideBar/NodeTreeToolBar/style.module.css b/packages/neos-ui/src/Containers/LeftSideBar/NodeTreeToolBar/style.module.css
@@ -19,3 +19,6 @@
     float: left;
     width: var(--spacing-GoldenUnit);
 }
+.header {
+    background: var(--colors-ContrastDarkest);
+}
diff --git a/packages/neos-ui/src/Containers/LeftSideBar/style.module.css b/packages/neos-ui/src/Containers/LeftSideBar/style.module.css
@@ -45,6 +45,7 @@
     resize: vertical;
     overflow-y: auto;
     z-index: 1;
+    background: var(--colors-ContrastDarker);
 }
 .leftSideBar__top--isFullHeight {
     flex: 1;
@@ -57,6 +58,7 @@
     flex-direction: column;
     min-height: 40px;
     margin-right: var(--spacing-Quarter);
+    background: var(--colors-ContrastDarker);
 }
 
 .leftSideBar__bottom--isCollapsed {