Skip to content
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

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from
Open

Conversation

jvaclavik
Copy link
Contributor

@jvaclavik jvaclavik commented Jan 13, 2025

Description

  • it can't be manually expanded when device has mobile resolution

Related Issue

Resolve #15801

Screenshots:

image image

@jvaclavik jvaclavik marked this pull request as ready for review January 14, 2025 13:54
@jvaclavik jvaclavik requested a review from adamhavel as a code owner January 14, 2025 13:54
sidebarWidthFromRedux: number;
}) => {
const [sidebarWidth, setSidebarWidth] = useState<number>(sidebarWidthFromRedux);
const [contentWidth, setContentWidth] = useState<number | undefined>(undefined);

const getIsSidebarCollapsed = () => {
Copy link
Contributor

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`
Copy link
Contributor

@adamhavel adamhavel Jan 15, 2025

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});
Copy link
Contributor

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} {
Copy link
Contributor

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🏃‍♀️ In progress
Development

Successfully merging this pull request may close these issues.

Unexpected design of minimised sidebar in mobile view
3 participants