Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Calendar: event edit panel cuts off #1094

Closed
zuzanna-maria opened this issue Jul 5, 2023 · 6 comments
Closed

Calendar: event edit panel cuts off #1094

zuzanna-maria opened this issue Jul 5, 2023 · 6 comments
Assignees
Labels
Calendar Related to CryptPad internal calendar app Mobile support Small screens? Virtual keyboards? UI/UX Interfaces & user experience
Milestone

Comments

@zuzanna-maria
Copy link
Contributor

Description

Calendar: event edit panel cuts off -- can't display the whole thing even when scrolling sideways

Steps to reproduce

  1. Open Calendar on mobile
  2. Click an event and attempt to edit it
  3. Attempt to interact with edit panel (including attempting to scroll in order to view parts of the panel which are cut off)

Image

Relevant logs

No response

Expected behavior

Event edit panel should be either entirely visible in the frame, or easily visible when scrolling across the screen

What opreating system are you using?

No response

What browsers are you seeing the problem on?

No response

Extensions

n/a

Version

5.3.0

@zuzanna-maria zuzanna-maria added UI/UX Interfaces & user experience Mobile support Small screens? Virtual keyboards? labels Jul 5, 2023
@ghost ghost added the Calendar Related to CryptPad internal calendar app label Jul 5, 2023
@DianaXWiki DianaXWiki self-assigned this Sep 12, 2023
@DianaXWiki DianaXWiki added this to the 5.5.0 milestone Sep 12, 2023
@DianaXWiki
Copy link
Contributor

image

@davidbenque
Copy link
Contributor

We should try to make this dialog fully responsive. Might be hard because of TUI styles we have to override

@DianaXWiki
Copy link
Contributor

image

@davidbenque
Copy link
Contributor

I would rather not rely on reducing the font-size for small screens to make the reminders fit. Seems like there should be a more robust solution

@davidbenque
Copy link
Contributor

Screen Shot 2023-09-27 at 10 40 17

There are still some issues with this solution

  • start and end fields are different than on big screens (should investigate reason)
  • the layout of reminders is broken because we currently rely on a fixed width (which is not an ideal solution either)

DianaXWiki added a commit that referenced this issue Sep 27, 2023
@DianaXWiki
Copy link
Contributor

image

DianaXWiki added a commit that referenced this issue Oct 2, 2023
@davidbenque davidbenque moved this to In Progress in Mobile Issues Oct 2, 2023
@yflory yflory added the Fixed in staging This is live on staging branch label Oct 2, 2023
@davidbenque davidbenque moved this from In Progress to Done in Mobile Issues Oct 3, 2023
@davidbenque davidbenque removed the Fixed in staging This is live on staging branch label Oct 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Calendar Related to CryptPad internal calendar app Mobile support Small screens? Virtual keyboards? UI/UX Interfaces & user experience
Projects
Status: Done
Development

No branches or pull requests

4 participants