@grafana/ui/dist/esm/themes/GlobalStyles/dashboardGrid.mjs.map

Grafana Components Library

{"version":3,"file":"dashboardGrid.mjs","sources":["../../../../src/themes/GlobalStyles/dashboardGrid.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport function getDashboardGridStyles(theme: GrafanaTheme2) {\n  return css({\n    '.react-resizable-handle': {\n      // this needs to use visibility and not display none in order not to cause resize flickering\n      visibility: 'hidden',\n    },\n\n    '.react-grid-item, #grafana-portal-container': {\n      touchAction: 'initial !important',\n\n      '&:hover': {\n        '.react-resizable-handle': {\n          visibility: 'visible',\n        },\n      },\n    },\n\n    '.dragging-active': {\n      '*': {\n        cursor: 'move',\n        userSelect: 'none',\n      },\n    },\n\n    [theme.breakpoints.down('md')]: {\n      '.react-grid-layout': {\n        height: 'unset !important',\n      },\n      '.react-grid-item': {\n        display: 'block !important',\n        transitionProperty: 'none !important',\n        // can't avoid type assertion here due to !important\n        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n        position: 'unset !important' as 'unset',\n        transform: 'translate(0px, 0px) !important',\n        marginBottom: theme.spacing(2),\n      },\n      '.panel-repeater-grid-item': {\n        height: 'auto !important',\n      },\n    },\n\n    '.react-grid-item.react-grid-placeholder': {\n      boxShadow: `0 0 4px ${theme.colors.primary.border} !important`,\n      background: `${theme.colors.primary.transparent} !important`,\n      zIndex: '-1 !important',\n      opacity: 'unset !important',\n    },\n\n    '.react-grid-item > .react-resizable-handle::after': {\n      borderRight: `2px solid ${theme.isDark ? theme.v1.palette.gray1 : theme.v1.palette.gray3} !important`,\n      borderBottom: `2px solid ${theme.isDark ? theme.v1.palette.gray1 : theme.v1.palette.gray3} !important`,\n    },\n\n    // Hack for preventing panel menu overlapping.\n    '.react-grid-item.resizing.panel, .react-grid-item.panel.dropdown-menu-open, .react-grid-item.react-draggable-dragging.panel':\n      {\n        zIndex: theme.zIndex.dropdown,\n      },\n\n    // Disable animation on initial rendering and enable it when component has been mounted.\n    '.react-grid-item.cssTransforms': {\n      transitionProperty: 'none !important',\n    },\n\n    [theme.transitions.handleMotion('no-preference')]: {\n      '.react-grid-layout--enable-move-animations': {\n        '.react-grid-item.cssTransforms': {\n          transitionProperty: 'transform !important',\n        },\n      },\n    },\n\n    '.dashboard-selected-element': {\n      outline: `1px dashed ${theme.colors.primary.border}`,\n      outlineOffset: '0px',\n      borderRadius: theme.shape.radius.default,\n    },\n\n    '.dashboard-selectable-element': {\n      '&:hover': {\n        outline: `1px dashed ${theme.colors.border.strong}`,\n        outlineOffset: '0px',\n        borderRadius: theme.shape.radius.default,\n        backgroundColor: theme.colors.emphasize(theme.colors.background.canvas, 0.08),\n      },\n    },\n\n    '.dashboard-canvas-add-button': {\n      display: 'flex',\n      opacity: 0.5,\n      transition: theme.transitions.create('opacity'),\n      filter: `grayscale(100%)`,\n\n      '&:hover': {\n        opacity: 1,\n        filter: 'unset',\n      },\n    },\n\n    '.dashboard-visible-hidden-element': {\n      position: 'relative',\n    },\n\n    // Universal style for marking drop targets when dragging between layouts\n    '.dashboard-drop-target': {\n      // Setting same options for hovered and not hovered to overwrite any conflicting styles\n      // There was a race condition with selectable elements styles\n      '&:is(:hover),&:not(:hover)': {\n        outline: `2px solid ${theme.colors.primary.border}`,\n        outlineOffset: '0px',\n        borderRadius: '2px',\n      },\n    },\n\n    // Body style for preventing selection when dragging\n    '.dashboard-draggable-transparent-selection': {\n      '*::selection': {\n        all: 'inherit',\n      },\n    },\n\n    '.react-draggable-dragging': {\n      opacity: 0.8,\n    },\n  });\n}\n"],"names":[],"mappings":"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"}