Skip to content

Fi navlink css#40

Open
fab33150 wants to merge 2 commits intomainfrom
fi-navlink-css
Open

Fi navlink css#40
fab33150 wants to merge 2 commits intomainfrom
fi-navlink-css

Conversation

@fab33150
Copy link
Copy Markdown
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

"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-firestore": "^1.0.1",
"react-icons": "^3.11.0",
Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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.

"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-firestore": "^1.0.1",
"react-icons": "^3.11.0",
Copy link
Copy Markdown
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
Copy Markdown
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