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(main-nav): Main Nav refactoring, refactor the logo #20135

Merged
merged 6 commits into from Apr 18, 2024

Conversation

simotae14
Copy link
Contributor

@simotae14 simotae14 commented Apr 17, 2024

What does it do?

In the condensed view of the Left Menu it shows the new logo. The logo is no longer a link to the home page, but just a container with an image

Why is it needed?

In the refactoring of the Main Nav we want a new home icon to have the task of connecting to the home page, while the logo must only show the image of the logo.
The Home icon will be implemented in another PR.

How to test it?

Disclaimer: the new logo is used only in the condensed view at the moment because I need to implement the components used in the Logo and in the new Home icon before implementing the new MainNav wrapper

  1. Open a Strapi App
  2. in the left Main Nav click on the reduce button, to show the condensed view of the Main Nav
  3. you can now see the new version of the logo (only the width is not correct because we need to change the width of the MainNav wrapper)
  4. if you try to click on the logo nothing happens

You can find all the info and link to the figma file in the Jira ticket

Related issue(s)/PR(s)

CS-762

@simotae14 simotae14 added source: core:admin Source is core/admin package pr: enhancement This PR adds or updates some part of the codebase or features labels Apr 17, 2024
@simotae14 simotae14 self-assigned this Apr 17, 2024
Copy link

vercel bot commented Apr 17, 2024

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

Name Status Preview Comments Updated (UTC)
contributor-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 18, 2024 1:26pm

Copy link
Member

@joshuaellis joshuaellis left a comment

Choose a reason for hiding this comment

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

Some discussion points :)

packages/core/admin/admin/src/components/LeftMenu.tsx Outdated Show resolved Hide resolved
Copy link
Member

@joshuaellis joshuaellis left a comment

Choose a reason for hiding this comment

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

Minor comment, but looks good, nice and clean 🧽

Copy link
Contributor

@madhurisandbhor madhurisandbhor left a comment

Choose a reason for hiding this comment

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

Screenshot 2024-04-18 at 15 35 12 I see some misalignment 🤔

@simotae14
Copy link
Contributor Author

yes @madhurisandbhor you are right but for the moment the MainNav width in condensed mode is wrong, I am gonna work on it in another ticket, now you need just to give a look to the logo and not the wrapper

@joshuaellis
Copy link
Member

yes @madhurisandbhor you are right but for the moment the MainNav width in condensed mode is wrong, I am gonna work on it in another ticket, now you need just to give a look to the logo and not the wrapper

when you do the wrapper, can you redo the CSS of the icon, because if you do a whole wrapper you wanna add the padding to the container and then use gap for it's children imo, but for now this is fine :)

@simotae14 simotae14 merged commit 616346a into v5/main Apr 18, 2024
28 of 31 checks passed
@simotae14 simotae14 deleted the feat/main-nav-refactoring-logo branch April 18, 2024 15:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
pr: enhancement This PR adds or updates some part of the codebase or features source: core:admin Source is core/admin package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants