Events
nathan-tang opened this issue · comments
as per: https://docs.google.com/document/d/178GIse_CbvWFDXRL1O1kTWgujiB8HGi3Vydq4G3o6xI/edit?usp=sharing
If there are no upcoming events, change the Upcoming Events section to this
https://www.figma.com/file/pOyL8NAXdM2hxnKqvrsfRN/Hack-Website-Redesign?node-id=2007%3A702
Calendar icon: https://fontawesome.com/v5.15/icons/calendar-alt
Fix the styling of the event cards and implement hover behavior
Hover behavior: https://www.figma.com/file/pOyL8NAXdM2hxnKqvrsfRN/Hack-Website-Redesign?node-id=1384%3A1643
General Styling: https://www.figma.com/file/pOyL8NAXdM2hxnKqvrsfRN/Hack-Website-Redesign?node-id=1384%3A1597
Font size of event titles should be 20px bold, dates are 16px regular
Make sure to make the font size smaller in media breakpoints for mobile. This is what it looks like right now on mobile:
Fix the modal. Change the hover drop shadow to something like
box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
Title should be 20px
Remove the close button from the top. Move it to the bottom as specified in the Figma.
Fix scrolling behavior. It cuts off at weird places. Implement it how it’s done in Bootstrap: https://getbootstrap.com/docs/4.0/components/modal/
Change the background color behind the modal to be black with opacity, not white.