mirror of
https://github.com/Unleash/unleash.git
synced 2025-09-24 17:51:14 +02:00
5b325568d1
Styling adjustments based on https://linear.app/unleash/issue/UNL-371/ui-improvement-createedit-context-field - Remove maxWidth from container - In ul - add maxHeight, padding and border and hide when :empty Closes # [UNL-371](https://linear.app/unleash/issue/UNL-371/ui-improvement-createedit-context-field) Before:  After:  --------- Signed-off-by: andreas-unleash <andreas@getunleash.ai>
22 lines
571 B
TypeScript
22 lines
571 B
TypeScript
import type React from 'react';
|
|
import { styled } from '@mui/material';
|
|
|
|
const StyledContainer = styled('ul')(({ theme }) => ({
|
|
listStyleType: 'none',
|
|
display: 'flex',
|
|
flexWrap: 'wrap',
|
|
gap: theme.spacing(1),
|
|
padding: theme.spacing(2),
|
|
margin: 0,
|
|
marginBottom: '1rem !important',
|
|
maxHeight: '412px',
|
|
overflow: 'auto',
|
|
borderRadius: theme.shape.borderRadiusMedium,
|
|
border: `1px solid ${theme.palette.divider}`,
|
|
'&:empty': {
|
|
display: 'none',
|
|
},
|
|
}));
|
|
|
|
export const ContextFormChipList: React.FC = StyledContainer;
|