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

Claire mobile (design changes reflected in Claire fixes PR, so doesn't need to be merged) #59

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

Conversation

miha-bhaskaran
Copy link
Collaborator

✨ New in this PR ✨

One liner: what did you do? 🛠

resolved all the comments on the dev figma file for maps and also enabled conditional rendering for desktop vs mobile

Coverage 🙆‍♀️

use this section to break up your task into submodules and track progress, copy from Linear and mark what was completed

How can the reviewer test your code? Where is this sprint located in the codebase? 👩‍💻

go to siteMap and run!

REQUIRED: Link a short video demo of the feature you have added. 👩‍💻

https://www.loom.com/share/eb92607475f343cd9c2c1ac0122c3af6?sid=01cc7754-fdb6-4a31-8125-2c97d362219f

Any bugs you encountered or still having trouble with? 🐛

Resources 📔

REQUIREMENTS in this section: Link all relevant online resources and related PRs. Write down any new dependencies or packages and link to their documentation. If you ran into bugs, link any stack overflow or online resources that helped you unblock yourself

❗IF this sprint was marked as FRONTEND on linear, cc Claire Wang

REMEMBER: once PR is made, also request a PR review Sarah, CC'ing is NOT enough!
🏚 cc: @sarahhpeng @cluurie

@cluurie
Copy link
Collaborator

cluurie commented May 6, 2024

@miha-bhaskaran HIIII PAGE SO SEXY 💯

  • i looked over this and left design comments on the figma page titled "dev notes" so check that out for some minor fixes!

@sarahhpeng
Copy link
Collaborator

@miha-bhaskaran HIIII PAGE SO SEXY 💯

  • i looked over this and left design comments on the figma page titled "dev notes" so check that out for some minor fixes!

@sarahhpeng sarahhpeng closed this May 6, 2024
@sarahhpeng sarahhpeng reopened this May 6, 2024
@cluurie
Copy link
Collaborator

cluurie commented May 8, 2024

UPDATED DEZIN NOTES
Desktop View

  • check spacing between the navbar, path, and "Wildlife Care Center Maps" title
  • this might be chris's part but the navbar looks like hunter green instead of scary green so maybe someone can check that?
  • the "x" in the top right of the pop up is the color "silver", rn its darker
  • the pop up looks shorter in height and width so check that its length is matched w designs (fixing this might help the pop up hug the edges of the map more closely (22px from the right and bottom edge))

Mobile View

  • all elements on the page should line up their left and right most edges (page margin should be 18px) --> i cant tell if the toggle button is too wide or the map is too narrow
  • readjust the dimensions of the mobile pop up --> pls inspect designs
  • check spacing between the "buildings and services" pop up tag and the title text -- these pop ups should live more at the top of the popup
  • check that the tag has enough padding around (padding: 2px 8px) + the text is color "shadow" -- it looks slightly darker rn cant tell if its just the loom recording
  • check that the text under the pop up title is S3, looks like slightly bigger rn? or maybe it could be the effect of the popup being smaller not sure haha

THANK U QUEEN THIS PAGE IS E A T I N G G G G ✨ 🔛 🔝

@sarahhpeng sarahhpeng changed the title Claire mobile Claire mobile (design changes reflected in Claire fixes PR, so doesn't need to be merged) May 13, 2024
<div className=" pl-[0.75rem] pr-[9.87] pt-[0rem] font-lato text-xs text-shadow bg-[#F173731A] rounded-lg w-[8rem]">

<div className=" pl-[0.75rem] pr-[9.87] pt-[0rem] font-lato text-xs rounded-lg ">
<span className='text-shadow bg-[#F173731A]'>
Copy link
Collaborator

Choose a reason for hiding this comment

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

should use a text tag for this unless span is necessary for some reason idk lol

spotlightTours.map((tour, i) => {
// Fetch the color for this tour/exhibit; fallback to a default color if not found
console.log(tour);
const color = colorsMap[tour.id] || '#F17373'; // Fallback color
Copy link
Collaborator

Choose a reason for hiding this comment

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

maybe give a name to this color idk


useEffect(() => {
/**
*
Copy link
Collaborator

Choose a reason for hiding this comment

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

add comment hehe

@miha-bhaskaran miha-bhaskaran mentioned this pull request May 14, 2024
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.

5 participants