fix(VariantManagement): apply correct header size for "Manage Views" dialog (#6185)

Author: Lukas742

packages/main/src/components/ThemeProvider/index.tsx

@@ -22,8 +22,7 @@ const InternalUI5WCVVarNames = {
   '--_ui5wcr_card_header_focus_border': `var(${getScopedVarName('--_ui5_card_header_focus_border')})`,
   '--_ui5wcr_card_header_focus_radius': `var(${getScopedVarName('--_ui5_card_header_focus_radius')})`,
   '--_ui5wcr_card_header_focus_bottom_radius': `var(${getScopedVarName('--_ui5_card_header_focus_bottom_radius')})`,
-  '--_ui5wcr_popup_header_font_family': `var(${getScopedVarName('--_ui5_popup_header_font_family')})`,
-  '--_ui5wcr_popup_default_header_height': `var(${getScopedVarName('--_ui5_popup_default_header_height')})`
+  '--_ui5wcr_popup_header_font_family': `var(${getScopedVarName('--_ui5_popup_header_font_family')})`
 };
 
 const ui5WcVariablesStyleData: StyleDataCSP = {

packages/main/src/components/VariantManagement/ManageViewsDialog.tsx

@@ -1,6 +1,7 @@
 import BarDesign from '@ui5/webcomponents/dist/types/BarDesign.js';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import TableOverflowMode from '@ui5/webcomponents/dist/types/TableOverflowMode.js';
+import { getScopedVarName } from '@ui5/webcomponents-base/dist/CustomElementsScope.js';
 import searchIcon from '@ui5/webcomponents-icons/dist/search.js';
 import { enrichEventWithDetails, useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base';
 import type { MouseEventHandler, ReactElement } from 'react';
@@ -17,6 +18,7 @@ import {
   SHARING,
   VIEW
 } from '../../i18n/i18n-defaults.js';
+import type { CommonProps } from '../../types/CommonProps.js';
 import { Bar } from '../../webComponents/Bar/index.js';
 import { Button } from '../../webComponents/Button/index.js';
 import type { DialogPropTypes } from '../../webComponents/Dialog/index.js';
@@ -223,6 +225,11 @@ export const ManageViewsDialog = (props: ManageViewsDialogPropTypes) => {
       onBeforeClose={handleClose}
       headerText={manageViewsText}
       initialFocus={`search-${uniqueId}`}
+      style={
+        {
+          '--_ui5wcr_popup_default_header_height': `var(${getScopedVarName('--_ui5_popup_default_header_height')})`
+        } as CommonProps['style'] & { '--_ui5wcr_popup_default_header_height': string }
+      }
       header={
         <FlexBox direction={FlexBoxDirection.Column} style={{ width: '100%' }} alignItems={FlexBoxAlignItems.Center}>
           <h2 className={classNames.headerText}>{manageViewsText}</h2>