[BUG] Empty Space in Mobile Layout

Lissy93 / dashy

🚀 A self-hostable personal dashboard built for you. Includes status-checking, widgets, themes, icon packs, a UI editor and tons more!

https://dashy.to

MIT License

18.2k stars 1.37k forks source link

[BUG] Empty Space in Mobile Layout #432

Closed ratty222 closed 2 years ago

ratty222 commented 2 years ago

Environment

Self-Hosted (Docker)

Version

1.9.9

Describe the problem

Update to 1.9.9 created empty space in mobile browser (iOS brave/safari). Adjusting layout type and item size don’t correct the issue. See screenshots.

Additional info

A58EE0CB-E191-47F1-B79C-D110CD9B094D F1D1A736-A2A7-4EBB-88BB-E458DB8AC720

Please tick the boxes

[X] You are using a supported version of Dashy (check the first two digits of the version number)
[X] You've checked that this issue hasn't already been raised
[X] You've checked the docs and troubleshooting guide
[X] You agree to the code of conduct

Lissy93 commented 2 years ago

Thanks for raising, I did make some changes to sections recently and looks like I didn't test it properly on mobile devices. I will fix it this week.

In the meantime, you can fix this by setting the cutToHeight option, under section.displayData

sections:
- name: Today
  icon: far fa-calendar-alt
  displayData:
    cutToHeight: true
  items:
    ....

ratty222 commented 2 years ago

Awesome. Thanks for the quick reply and the temp fix. Looks good now. I really appreciate the time you spend documenting things. You write your docs like a patient teacher. Hope you have a great week :))

liss-bot commented 2 years ago

The fix for this issue has now been released in Dashy 2.0.0 ✨

If you haven't done so already, please update your instance to 2.0.0 or later. See Dashy 2.0.0 for full info.

Feel free to reach out if you need any more support. If you are enjoying Dashy, consider supporting the project.