BugiDev / BugiDev/react-native-calendar-strip

Calendar Strip Margins

Open
#352 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
976
Forks
336
PR merge metrics
No merged PRs in 30d

Description

I have an issue where there is a gap which I cant get rid of to properly align all my elements. Here is a photo:
Screen Shot 2022-07-09 at 11 48 52 PM

As you can see, I can't figure out how to align the header and day container. I have tried padding and margin settings. As of now, I am setting the overall style with the following properties:

` calendarStrip: {
paddingLeft: Spacing.L,
paddingRight: Spacing.L,
height: calendarStripHeight,
marginTop: Spacing.S,
borderBottomColor: Colors.LIGHT_GRAY,
borderBottomWidth: 1,
},
`

Contributor guide

Open the contributing guide

Research direction

Start with the calendarStrip styling shown in the issue and inspect how the header and day container are laid out. Reproduce the screenshot's alignment gap, then verify that the header and day container align without unwanted spacing.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.