Forker/OpenNoodl
1
0
Fork 0
mirror of https://github.com/The-Low-Code-Foundation/OpenNoodl.git synced 2026-01-12 07:12:54 +01:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Added three new experimental views

Browse Source
This commit is contained in:
Richard Osborne
2026-01-04 00:17:33 +01:00
parent 2845b1b879
commit eb90c5a9c8
110 changed files with 24591 additions and 2570 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/noodl-core-ui/src/components/app/SideNavigation/SideNavigation.module.scss
View File

@@ -6,6 +6,12 @@ $_sidebar-hover-enter-offset: 250ms;
display: flex;
position: relative;
overflow: hidden;
width: 380px;
transition: width 0.3s ease-in-out;
&--expanded {
width: 55vw;
}
}
.Toolbar {

5
packages/noodl-core-ui/src/components/app/SideNavigation/SideNavigation.tsx
View File

@@ -107,12 +107,13 @@ export interface SideNavigationProps {
panel: Slot;
onExitClick?: React.MouseEventHandler<HTMLDivElement>;
isExpanded?: boolean;
}
export function SideNavigation({ toolbar, panel, onExitClick }: SideNavigationProps) {
export function SideNavigation({ toolbar, panel, onExitClick, isExpanded = false }: SideNavigationProps) {
return (
<SideNavigationContextProvider>
<div className={css['Root']}>
<div className={classNames(css['Root'], isExpanded && css['Root--expanded'])}>
<div className={css['Panel']}>{panel}</div>
<div className={css['Toolbar']}>