-
-
Notifications
You must be signed in to change notification settings - Fork 272
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(suite): Delete mobile menu #16336
base: develop
Are you sure you want to change the base?
Conversation
3307d88
to
9b1e004
Compare
9b1e004
to
fc4b335
Compare
packages/suite/src/components/suite/layouts/SuiteLayout/SuiteLayout.tsx
Outdated
Show resolved
Hide resolved
fc4b335
to
bceac79
Compare
sidebarWidthFromRedux: number; | ||
}) => { | ||
const [sidebarWidth, setSidebarWidth] = useState<number>(sidebarWidthFromRedux); | ||
const [contentWidth, setContentWidth] = useState<number | undefined>(undefined); | ||
|
||
const getIsSidebarCollapsed = () => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Isn't isSidebarCollapsed enough?
import { useSelector } from 'src/hooks/suite'; | ||
|
||
import { useResponsiveContext } from '../../support/suite/ResponsiveContext'; | ||
|
||
const Container = styled.div` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This can be redone with Box, including the media query part, and Divider.
margin-right: -${spacingsPx.md}; | ||
padding-left: ${spacingsPx.md}; | ||
padding-right: ${spacingsPx.md}; | ||
width: calc(100% + ${spacingsPx.xxl}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is not needed, just set it to auto, I think.
@@ -56,7 +58,7 @@ const MobilePromoContainer = styled.div` | |||
${promoContainerCss} | |||
justify-content: start; | |||
|
|||
${variables.SCREEN_QUERY.MOBILE} { | |||
${variables.SCREEN_QUERY.BELOW_LAPTOP} { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Custom css components not needed.
Description
Related Issue
Resolve #15801
Screenshots: