bcgov / bcgov/wps

MoreCast 2.0: Overlapping Boxes

Open
#2,773 0 comments 0 reactions 0 assignees View on GitHub
Bug
Dominant language
Python
Stars
65
Forks
11
Avg merge
21h 25m
Merged PRs (30d)
70

Description

**Actual Behaviour**

When the MoreCast 2.0 screen is reduced in width manually or viewed on a smaller monitor (14" for the screenshot), the selection boxes and save forecast button start overlapping which doesn't look good.

**Steps To Reproduce**

1. Go to main MoreCast 2.0 landing page and start shrinking the browser size width-wise or view on a smaller browser, both on Safari & Chrome browsers.

**Screenshots**

![MicrosoftTeams-image.png](https://images.zenhubusercontent.com/6418c8e325e25077cfe5d6c2/f6dbae69-d8da-4390-b6e8-90f87d4a5e54)

**Expected Behaviour**

Selection boxes and save forecast button should not overlap regardless of what the browser size is.

Contributor guide

Open the contributing guide

Research direction

Start at the MoreCast 2.0 landing page and reproduce the overlap by narrowing the browser window in Safari or Chrome. Inspect the responsive layout for the selection boxes and save forecast button; done means they remain separate at smaller widths and the behavior is verified against the reported screenshot.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.