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

fix mobile view #702

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

fix mobile view #702

wants to merge 5 commits into from

Conversation

Falacayir98
Copy link
Contributor

@Falacayir98 Falacayir98 commented Dec 17, 2024

DESCRIPTION

#679

TO-DO

  • auto-close navbar after selection
  • imit its height to content
  • License and version are shown in mobile view

CLOSES

closes list of issues closed in this PR

Copy link

vercel bot commented Dec 17, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
app ✅ Ready (Inspect) Visit Preview Jan 7, 2025 3:14pm
docs ❌ Failed (Inspect) Jan 7, 2025 3:14pm

@qhantom
Copy link
Member

qhantom commented Dec 22, 2024

is this WIP? @Falacayir98

@qhantom qhantom requested review from qhantom and removed request for qhantom December 22, 2024 09:53
@Falacayir98
Copy link
Contributor Author

Yes, it was a WIP. I had to add the license and version in the mobile view. It is ready now

@Falacayir98 Falacayir98 requested a review from qhantom January 7, 2025 15:16
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When there are more elements, the are not shown, maybe due to overflow: hidden:

image

@@ -54,18 +60,21 @@ export function NavLinks({ links, userRights, foldedNav }: Props): JSX.Element {
(link.rights && hasRequiredRights(userRights, link.rights)) ? (
<MantineNavLink
component={NextLink}
key={link.label}
key={link.label + link.icon}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why that? Icon is a JSX Element, hence an object. We don't want to use objects as keys.

@@ -320,7 +333,7 @@ export function AuthLayout({ children, ...props }: Props): JSX.Element | null {
) : null}
</Footer>

<AppShellMain>{children}</AppShellMain>
<AppShellMain style={{ overflow: 'hidden' }}>{children}</AppShellMain>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We don't apply inline-styling to elements. Please use the appropriate CSS file with a class. Is this change really necessary?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants