Fix Space for CollapseIconOnly menuItem (#49)

manni497 · web-flow · commit 51d63985a131 · 2024-01-09T13:12:21.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+
+- the space between title and arrow in case of `collapsedIconOnly` menuItem.
+
 ## [3.1.0] - 2023-11-14
 
 ### Removed
diff --git a/src/lib/Layout/PanelSideBarLayout/PanelSideBar/PanelSideBarItem.tsx b/src/lib/Layout/PanelSideBarLayout/PanelSideBar/PanelSideBarItem.tsx
@@ -32,7 +32,7 @@ const PanelSideBarItem = (props: PanelSideBarItemProps) => {
         style={{ paddingLeft: depth ? `${depth + 1}rem` : undefined }}
       >
         {hasitem ? (
-          <div className="d-flex flex-row">
+          <div className={classNames("d-flex flex-row", { "justify-content-between": item.collapseIconOnly })}>
             {item.collapseIconOnly && (
               <LinkRenderer item={item}>
                 <span className="nav-link">

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ const PanelSideBarItem = (props: PanelSideBarItemProps) => {`
`32`	`32`	style={{ paddingLeft: depth ? `${depth + 1}rem` : undefined }}
`33`	`33`	`>`
`34`	`34`	`{hasitem ? (`
`35`		`- <div className="d-flex flex-row">`
	`35`	`+ <div className={classNames("d-flex flex-row", { "justify-content-between": item.collapseIconOnly })}>`
`36`	`36`	`{item.collapseIconOnly && (`
`37`	`37`	`<LinkRenderer item={item}>`
`38`	`38`	`<span className="nav-link">`