Record horizontal scrolling mobile (#5843)
I have fixed the scrolling the record container page on mobile making it hidden. This PR aims to fix #5745 --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
@ -34,8 +34,7 @@ const StyledLabelAndIconContainer = styled.div`
|
||||
|
||||
const StyledValueContainer = styled.div`
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
`;
|
||||
|
||||
const StyledLabelContainer = styled.div<{ width?: number }>`
|
||||
|
||||
@ -8,8 +8,7 @@ const StyledOuterContainer = styled.div`
|
||||
display: flex;
|
||||
|
||||
gap: ${({ theme }) => (useIsMobile() ? theme.spacing(3) : '0')};
|
||||
height: ${() => (useIsMobile() ? '100%' : '100%')};
|
||||
overflow-x: ${() => (useIsMobile() ? 'hidden' : 'auto')};
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
`;
|
||||
|
||||
|
||||
@ -28,8 +28,7 @@ const StyledShowPageRightContainer = styled.div<{ isMobile: boolean }>`
|
||||
flex: 1 0 0;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
overflow: ${(isMobile) => (isMobile ? 'none' : 'hidden')};
|
||||
width: calc(100% + 4px);
|
||||
width: 100%;
|
||||
`;
|
||||
|
||||
const StyledTabListContainer = styled.div`
|
||||
|
||||
Reference in New Issue
Block a user