css-overrides

Use a CSS override hook to set componentThemeOverrides for various Flex UI components.

import * as Flex from '@twilio/flex-ui';

export const cssOverrideHook = (flex: typeof Flex, manager: Flex.Manager) => {
  return {
    MainHeader: {
      Container: {
        '.Twilio-MainHeader-end': {
          "[data-paste-element='MENU']": {
            overflowY: 'scroll',
            maxHeight: '90vh',
          },
        },
      },
    },
  };
};