[UI wart]: Distribution schedule copy-to-clipboard button takes half the vertical view

[scooter-dangle]

Summary

The button on the distribution schedule for copying the calendar url is huge. It should be a normal button size.

Why

It's something that the user does once and once only, so it shouldn't be taking up so much space

Details

Current Behavior

Replicable on staging: Distribution schedule has copy-calendar-url-to-clipboard button taking half the vertical space and the visible calendar is truncating the view of the current month (January), forcing user to scroll down in the calendar view to see the week of the 29th.

Expected Behavior

Copy-calendar-url-to-clipboard button should be button-sized and, with sufficient screen space, shouldn't force the month view to be truncated.

Steps To Reproduce

1. in staging
2. navigate to https://staging.humanessentials.app/diaper_bank/distributions/schedule

Criteria for Completion

• [ ] button is a normal size.
• [ ] Provide a before/after screenshot with your PR, please.

[julianm1138]

I would like to take a crack at this issue.

[scooter-dangle]

I would like to take a crack at this issue.

It's yours!

[julianm1138]

When I try to access the link to duplicate the issue by signing in with my google account, I get this error:

When I try to sign up I get this page:

I just want to make sure I'm going about accessing the page correctly so I can fix the button.

[dorner]

If you're running locally (via seeds), you can log in with the credentials listed in the README.

[julianm1138]

Apologies, but I am inexperienced with open source and I've just been trying to get the environment set up. However, I did login with the sample users for staging and I didn't see any truncating issues with the calendar. Did somebody already fix the issue?

[cielf]

@julianm1138 I just looked at it on staging, and initially I thought it was working too, but if I make my browser full screen, it gets larger.

[julianm1138]

@cielf which login credentials did you use? I used User Email: [email protected] for bank users and full screen is still not truncating the calendar for me.

[cielf]

I am getting the big button as user_1 on staging. Are you using Chrome? (Chrome is our sole official supported browser)

[julianm1138]

Yup! I always use Chrome, so it's quite odd. I just tried it again to be sure and the button is still thin like I screenshotted it. But hey, if it's too big in the main codebase I'm still down to fix it, I'm just trying to figure out how to get connected to the database. If somebody would like to hop on a discord call with me or something to help get me started I would be extremely grateful because I want to contribute but to be honest I'm sort of stuck at recreating the environment on my machine and getting everything in front of me.

[cielf]

Are you available Sunday mornings? We have "office hours" at 11am.

[julianm1138]

Is it 11 am EST? Yes that sounds cool.

[cielf]

It is.

[julianm1138]

And where's it being held, somewhere on slack, and is there a specific voice channel or something like that?

[scooter-dangle]

And where's it being held, somewhere on slack, and is there a specific voice channel or something like that?

We post the link to the Ruby for Good human-essentials Slack channel.

[github-actions[bot]]

This issue is marked as stale due to no activity within 30 days. If no further activity is detected within 7 days, it will be unassigned.

[github-actions[bot]]

Automatically unassigned after 7 days of inactivity.

[kannans5]

I am not a FE expert, added couple of css to fix it. Please review.