@atlaskit/mention
Version:
A React component used to display user profiles in a list for 'Mention' functionality
17 lines (16 loc) • 895 B
JavaScript
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import styled from '@emotion/styled';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { scrollableMaxHeight } from '../../shared-styles';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const ScrollableStyle = styled.div({
display: 'block',
overflowX: 'hidden',
overflowY: 'auto',
padding: `${"var(--ds-space-050, 4px)"} 0`,
margin: 0,
background: "var(--ds-surface, white)",
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxHeight: scrollableMaxHeight,
borderRadius: "var(--ds-radius-small, 3px)"
});