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

Fi navlink css #40

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

Fi navlink css #40

wants to merge 2 commits into from

Conversation

fab33150
Copy link
Contributor

For an example of how to fill this template out, see this Pull Request.

Description

Utilized the react-icons npm package to add icons to the List and AddItem navigation links. Also, added additional styling to the links.

Related Issue

Acceptance Criteria

Type of Changes

Type
🐛 Bug fix
✨ New feature
🔨 Refactoring
💯 Add tests
🔗 Update dependencies
📜 Docs

Updates

Before

image

After

image

Testing Steps / QA Criteria

@@ -9,10 +9,11 @@
"prettier": "^1.19.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-firestore": "^1.0.1",
"react-icons": "^3.11.0",
Copy link
Contributor

Choose a reason for hiding this comment

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

I see you added a new package! I'm excited to hear you talk about how you found it and why you decided to use it. I've never heard of it before!

Copy link
Contributor

Choose a reason for hiding this comment

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

This looks like a cool package. Nice find!

}

.navlink-active {
font-weight: 900;
Copy link
Contributor

Choose a reason for hiding this comment

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

Do we have a font weight of 900? If we're using our font-family: 'Source Sans Pro', sans-serif; as our default font in our App.css, I think we only have 300 and 400 weights downloaded for that font. Please correct me if I'm wrong because I don't know a ton about font weights.

Copy link
Contributor

@skillitzimberg skillitzimberg left a comment

Choose a reason for hiding this comment

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

@fab33150, great work! I love how focused this branch and the solution is too the larger task of finishing up three different, but related issues! Awesome.

@@ -9,10 +9,11 @@
"prettier": "^1.19.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-firestore": "^1.0.1",
"react-icons": "^3.11.0",
Copy link
Contributor

Choose a reason for hiding this comment

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

This looks like a cool package. Nice find!

Copy link
Contributor

@yvesgurcan yvesgurcan left a comment

Choose a reason for hiding this comment

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

Looking good!

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.

4 participants