@atlaskit/mention
Version:
A React component used to display user profiles in a list for 'Mention' functionality
18 lines (17 loc) • 1.02 kB
JavaScript
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import styled from '@emotion/styled';
import { borderRadius } from '@atlaskit/theme/constants';
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 var ScrollableStyle = styled.div({
display: 'block',
overflowX: 'hidden',
overflowY: 'auto',
padding: "var(--ds-space-050, 4px)".concat(" 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,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
borderRadius: "".concat(borderRadius(), "px")
});