ProjectDrawdown / global-research-platform

Drawdown Global Research Platform - UI
Other
20 stars 19 forks source link

Work book header is overlapping on some screen sizes #26

Closed colleenskemp closed 2 years ago

colleenskemp commented 3 years ago

Time Estimate: 2 hours

Problem: Overlapping header and project details for some screen sizes. Tested on (2560 x 1600) size screen. (13 inch mac).

Description:

Screen Shot 2021-06-14 at 7 59 48 AM

Acceptance Criteria: There should be no overlapping text in header on standard desktop screens.

Additional Notes: This application is not yet tailored to small or medium screen sizes. Most users will be viewing from desktop initially.

colleenskemp commented 3 years ago

@Chukslord1 - Please add time estimate for this ticket after you've had a chance to look at it with @litenull

Chukslord1 commented 3 years ago

@colleenskemp Time Estimate: 2 Hours

shrutimehta13 commented 3 years ago

Will work on most popular desktop sizes. Issue will start to appear at different viewports across browsers Like on Mac Safari on < 1280px, Mac Chrome on <1250px Mac FF on <1290px

so, Issue will appear for eg on older MacBook 1280x800. @colleenskemp please take action. Popular desktop statistics for ref

Screenshot 2021-07-26 at 10 17 57 PM
shrutimehta13 commented 2 years ago

on browser widths <1600px (most desktops)

Screenshot 2021-11-25 at 6 03 40 PM