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

TCL30-69 - Add icons to slider to settings page #36

Merged
merged 6 commits into from
Sep 4, 2021

Conversation

alxmcr
Copy link
Contributor

@alxmcr alxmcr commented Sep 3, 2021

Description

Add icons to slider to the settings page

Related Issue

TCL30-69

Acceptance Criteria

  • You should see bicycle, card, and walk icons.
  • Apply brand styles

Type of Changes

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

Updates

Before

image

After

image

Testing Steps / QA Criteria

  1. Checkout ac-settings-slider
  2. Go to /settings
  3. Share your location.
  4. Move the slider.

@github-actions
Copy link

github-actions bot commented Sep 3, 2021

Visit the preview URL for this PR (updated for commit d107a90):

https://tcl-30-whats-near-me-d2e34--pr36-ac-settings-slider-0n1aoaaz.web.app

(expires Sat, 11 Sep 2021 01:44:47 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

@alxmcr alxmcr changed the base branch from main to v2-whats-near-me September 3, 2021 23:28
@alxmcr alxmcr marked this pull request as ready for review September 3, 2021 23:33
src/App.css Outdated
}

.thumb {
box-sizing: border-box;
top: 1px;
width: 50px;
height: 48px;
border: 5px solid gray;
background-color: black;
border: 5px solid black;
Copy link
Contributor

Choose a reason for hiding this comment

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

It might be nice to have the border be the secondary color instead of black.

@jssckbl
Copy link
Contributor

jssckbl commented Sep 4, 2021

This is fantastic! The slider is working quite well, and the icons came very nicely, too 🥳

I hope it is okay, but I am going to change the outline color of the main part of the slider, and I will check out the CSS to remove the "Barlow" font and have "Merriweather" be the font for the content of the settings page. Quite minor things, really!

Overall, this is great, @alxmcr 👍

Copy link
Contributor

@jssckbl jssckbl left a comment

Choose a reason for hiding this comment

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

Changes look great! I updated a few colors but otherwise it all worked well on my end. Gonna approve 😎

@jssckbl jssckbl merged commit f84085c into v2-whats-near-me Sep 4, 2021
@jssckbl jssckbl deleted the ac-settings-slider branch September 4, 2021 01:48
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