Add support for legacy extensions which have "modals" to be displayed…

… properly
superdesk · Oct 31, 2023 · 20fdd92 · 20fdd92
1 parent 0065de7
commit 20fdd92
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/scripts/core/interactive-article-actions-panel/actions/publish-tab.tsx b/scripts/core/interactive-article-actions-panel/actions/publish-tab.tsx
@@ -153,11 +153,13 @@ export class WithPublishTab extends React.PureComponent<IProps, IState> {
             .flatMap(({activationResult}) => activationResult?.contributions?.publishingSections ?? []);
 
         const style: CSSProperties | undefined = sectionsFromExtensions.length > 0
-            ? {display: 'flex', alignItems: 'start', justifyContent: 'space-between', gap: 32}
+            ? {display: 'flex', alignItems: 'start', justifyContent: 'space-between', gap: 32, height: '100%'}
             : undefined;
 
         const childrenStyle: CSSProperties = {
             flex: 1, // equal width for columns
+            position: 'relative',
+            height: '100%',
         };
 
         return this.props.children({
@@ -237,6 +239,7 @@ export class WithPublishTab extends React.PureComponent<IProps, IState> {
                                     );
                                 })
                             }
+
                         </div>
                     </PanelContent>
 

diff --git a/scripts/core/interactive-article-actions-panel/panel/panel-content.tsx b/scripts/core/interactive-article-actions-panel/panel/panel-content.tsx
@@ -15,7 +15,7 @@ export class PanelContent extends React.PureComponent<IPropsSendToPanel> {
         } else {
             return (
                 <div className="side-panel__content" data-test-id={this.props['data-test-id']}>
-                    <div className="side-panel__content-block">
+                    <div className="side-panel__content-block" style={{height: '100%'}}>
                         {this.props.children}
                     </div>
                 </div>