1363 - Making the title use all space available. Moves the subtitle around to show above the children (action buttons) on small screens

ricardovdheijden · ricardovdheijden · commit 223888a358e2 · 2024-09-24T08:48:29.000+02:00
diff --git a/.changeset/tough-bears-judge.md b/.changeset/tough-bears-judge.md
@@ -0,0 +1,5 @@
+---
+'@orchestrator-ui/orchestrator-ui-components': patch
+---
+
+1363 - Making the title use all space available. Moves the subtitle around to show above the children (action buttons) on small screens
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/orchestrator-ui-components/src/components/WfoContentHeader/WfoContentHeader.tsx b/packages/orchestrator-ui-components/src/components/WfoContentHeader/WfoContentHeader.tsx
@@ -30,10 +30,18 @@ export const WfoContentHeader: FC<WfoContentHeaderProps> = ({
                 >
                     {title}
                 </WfoRenderElementOrString>
+                {subtitle && (
+                    <div>
+                        <EuiSpacer size="m" />
+                        <WfoRenderElementOrString>
+                            {subtitle}
+                        </WfoRenderElementOrString>
+                    </div>
+                )}
             </EuiFlexItem>
 
             {children && (
-                <EuiFlexItem>
+                <EuiFlexItem grow={0}>
                     <EuiFlexGroup justifyContent="flexEnd">
                         <WfoRenderElementOrString>
                             {children}
@@ -43,13 +51,6 @@ export const WfoContentHeader: FC<WfoContentHeaderProps> = ({
             )}
         </EuiFlexGroup>
 
-        {subtitle && (
-            <>
-                <EuiSpacer size="m" />
-                <WfoRenderElementOrString>{subtitle}</WfoRenderElementOrString>
-            </>
-        )}
-
         <EuiSpacer size="l" />
     </>
 );
diff --git a/packages/orchestrator-ui-components/src/configuration/version.ts b/packages/orchestrator-ui-components/src/configuration/version.ts
@@ -1 +1 @@
-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '2.0.0';
+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '2.1.0';

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@orchestrator-ui/orchestrator-ui-components': patch
 +---
++
 +1363 - Making the title use all space available. Moves the subtitle around to show above the children (action buttons) on small screens
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '2.0.0';`
	`1`	`+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '2.1.0';`