File tree Expand file tree Collapse file tree 2 files changed +11
-16
lines changed Expand file tree Collapse file tree 2 files changed +11
-16
lines changed Original file line number Diff line number Diff line change @@ -103,13 +103,15 @@ export function SplitPanelImplementation({
103
103
const wrappedHeader = (
104
104
< div className = { clsx ( styles . header , isToolbar && styles [ 'with-toolbar' ] ) } style = { appLayoutMaxWidth } >
105
105
< div className = { styles [ 'header-content' ] } >
106
- < div className = { clsx ( styles [ 'header-main-row' ] , showDescription && styles [ 'with-description' ] ) } >
106
+ < div className = { styles [ 'header-main-row' ] } >
107
107
< div className = { styles [ 'header-start' ] } >
108
108
{ headerBefore && < span className = { styles [ 'header-before-slot' ] } > { headerBefore } </ span > }
109
109
< div className = { styles [ 'header-text-and-info' ] } >
110
- < h2 className = { clsx ( styles [ 'header-text' ] , testUtilStyles [ 'header-text' ] ) } id = { panelHeaderId } >
111
- { header }
112
- </ h2 >
110
+ { header && (
111
+ < h2 className = { clsx ( styles [ 'header-text' ] , testUtilStyles [ 'header-text' ] ) } id = { panelHeaderId } >
112
+ { header }
113
+ </ h2 >
114
+ ) }
113
115
{ headerInfo && < span className = { styles [ 'header-info-slot' ] } > { headerInfo } </ span > }
114
116
</ div >
115
117
</ div >
Original file line number Diff line number Diff line change @@ -240,13 +240,6 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
240
240
& -main-row ,
241
241
& -text-and-info {
242
242
display : flex ;
243
- flex-grow : 1 ;
244
- }
245
-
246
- & -content ,
247
- & -start ,
248
- & -text-and-info {
249
- flex-grow : 1 ;
250
243
}
251
244
252
245
& -main-row ,
@@ -256,11 +249,6 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
256
249
column-gap : awsui .$space-scaled-xs ;
257
250
row-gap : awsui .$space-scaled-xxs ;
258
251
}
259
-
260
- & -content {
261
- align-items : flex-start ;
262
- }
263
-
264
252
& -main-row {
265
253
flex : auto ;
266
254
flex-direction : row ;
@@ -270,6 +258,11 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
270
258
271
259
& -start {
272
260
align-items : center ;
261
+ flex-grow : 1 ;
262
+ }
263
+
264
+ & -content {
265
+ align-items : flex-start ;
273
266
}
274
267
275
268
& -text-and-info {
You can’t perform that action at this time.
0 commit comments