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

Fixed animations on menu list items #91

Merged
merged 1 commit into from
May 3, 2023

Conversation

iamjamesfrancis
Copy link
Contributor

What does the PR do?

Fixes #58

Changes

  • Removed scaling while hovering over the list items. Instead of that added a background colour.
  • Added some padding and border-radius to list items.
  • Removed .sidebar-text-wrapper from the anchor tag of sidebar list items because it is creating a weird hover.
  • Removed .mx-2 from the <font-awesome-icon> tags and replaced the spacing using .gap-2
  • Removed .nav-link from the <a> in frontend/src/components/Navbar.vue because its display: block is affecting the property display: flex.
  • Created a reusable class .flex and .items-center in frontend/src/style.css.
  • Also added some changes to the list of items.

Screenshots

Mobile View

mobile-view.mp4

Desktop View

desktop-view.mp4

@gdjohn4s gdjohn4s requested review from gdjohn4s and FlavioAdamo May 3, 2023 17:02
Copy link
Member

@gdjohn4s gdjohn4s left a comment

Choose a reason for hiding this comment

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

I like it so much.
We'll wait for @FlavioAdamo Review as well.
Thank you!

@iamjamesfrancis
Copy link
Contributor Author

iamjamesfrancis commented May 3, 2023

Also, I accidentally fixed a UI issue while doing this issue.
The UI issue was we needed to click the icon or text to navigate. Now we can click the entire area😍.

Before
image

UI-issue.mp4

Now
image

UI-issue-fixed.mp4

@FlavioAdamo FlavioAdamo merged commit 03212fa into Exifly:main May 3, 2023
@FlavioAdamo
Copy link
Member

Pull request accepted!
Super good job!!

@gdjohn4s gdjohn4s mentioned this pull request May 23, 2023
12 tasks
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.

Menu list on mobile devices clicking weird animation
3 participants