mirror of
https://github.com/Unleash/unleash.git
synced 2025-07-31 13:47:02 +02:00
Set a max width on the CR sidebar instead of a min width. (#10307)
The max width is set to `max(40vw, 1000px)`, so that if you're on a very wide window, then it'll take up at most 40% of the horizontal space. Once your window is smaller than 2500px, however, the sidebar will stop shrinking and stay at 1000px (or as close to that as the window allows). It'll keep shrinking with the window size. This came up because in certain cases, such as if you have a release template with a long description, the modal would just keep growing until it took up 98% of the window width. I have not set a min width for now. I don't think there is any need for it, but if we find there is, we can add it back later. Before:  After: 
This commit is contained in:
parent
f789378cab
commit
2b780e0120
@ -22,7 +22,7 @@ interface IChangeRequestSidebarProps {
|
||||
const StyledPageContent = styled(PageContent)(({ theme }) => ({
|
||||
height: '100vh',
|
||||
overflow: 'auto',
|
||||
minWidth: '50vw',
|
||||
maxWidth: 'max(40vw, 1000px)',
|
||||
padding: theme.spacing(6),
|
||||
[theme.breakpoints.down('md')]: {
|
||||
padding: theme.spacing(4, 2),
|
||||
|
Loading…
Reference in New Issue
Block a user