@grafana/ui/dist/esm/components/Modal/getModalStyles.mjs.map

Grafana Components Library

{"version":3,"file":"getModalStyles.mjs","sources":["../../../../src/components/Modal/getModalStyles.ts"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport const getModalStyles = (theme: GrafanaTheme2) => {\n  const borderRadius = theme.shape.radius.default;\n\n  return {\n    modal: css({\n      position: 'fixed',\n      zIndex: theme.zIndex.modal,\n      background: theme.colors.background.primary,\n      boxShadow: theme.shadows.z3,\n      borderRadius,\n      border: `1px solid ${theme.colors.border.weak}`,\n      backgroundClip: 'padding-box',\n      outline: 'none',\n      width: '750px',\n      maxWidth: '100%',\n      left: 0,\n      right: 0,\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      top: '10%',\n      maxHeight: '80%',\n      display: 'flex',\n      flexDirection: 'column',\n      // Centre the modal vertically on smaller height screens\n      // this allows us to fill the full height for maximum usability\n      ['@media (max-height: 750px)']: {\n        maxHeight: '100%',\n        top: '50%',\n        transform: 'translateY(-50%)',\n      },\n    }),\n    modalBackdrop: css({\n      position: 'fixed',\n      zIndex: theme.zIndex.modalBackdrop,\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      backgroundColor: theme.components.overlay.background,\n    }),\n    modalHeader: css({\n      label: 'modalHeader',\n      display: 'flex',\n      alignItems: 'center',\n      minHeight: '42px',\n      margin: theme.spacing(1, 2, 0, 2),\n    }),\n    modalHeaderWithTabs: css({\n      borderBottom: `1px solid ${theme.colors.border.weak}`,\n    }),\n    modalHeaderTitle: css({\n      fontSize: theme.typography.size.lg,\n      margin: theme.spacing(0, 4, 0, 1),\n      display: 'flex',\n      alignItems: 'center',\n      position: 'relative',\n      top: '2px',\n    }),\n    modalHeaderIcon: css({\n      marginRight: theme.spacing(2),\n      fontSize: 'inherit',\n      '&:before': {\n        verticalAlign: 'baseline',\n      },\n    }),\n    modalHeaderClose: css({\n      height: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      color: theme.colors.text.secondary,\n      flexGrow: 1,\n      justifyContent: 'flex-end',\n    }),\n    modalContent: css({\n      overflow: 'auto',\n      padding: theme.spacing(3),\n      width: '100%',\n    }),\n    modalButtonRow: css({\n      paddingTop: theme.spacing(3),\n    }),\n  };\n};\n"],"names":[],"mappings":"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"}