lorawan-stack icon indicating copy to clipboard operation
lorawan-stack copied to clipboard

Fix responsiveness

Open ryaplots opened this issue 1 month ago • 1 comments

Summary

This PR is the work done by me and Pierre on console responsiveness so far.

Changes

  • Add new breakpoints
  • Reduce space between panels in the overviews
  • Fix gateway overview in general

Testing

Steps

Run the console and resize

Results
Regressions

...

Notes for Reviewers

TODO:

  • [ ] Rework data sheet table to wrap the <td /> under the <th /> for small mobile
  • [ ] Change network activity panel title to “Packets activity” or "Network activitity - packets" (something more discriptive) and then the toggle titles to “per data rate” and “per channel” to save space: Screenshot 2024-06-07 at 11 27 57

Checklist

  • [ ] Scope: The referenced issue is addressed, there are no unrelated changes.
  • [ ] Compatibility: The changes are backwards compatible with existing API, storage, configuration and CLI, according to the compatibility commitments in README.md for the chosen target branch.
  • [ ] Documentation: Relevant documentation is added or updated.
  • [ ] Testing: The steps/process to test this feature are clearly explained including testing for regressions.
  • [ ] Infrastructure: If infrastructural changes (e.g., new RPC, configuration) are needed, a separate issue is created in the infrastructural repositories.
  • [ ] Changelog: Significant features, behavior changes, deprecations and fixes are added to CHANGELOG.md.
  • [ ] Commits: Commit messages follow guidelines in CONTRIBUTING.md, there are no fixup commits left.

ryaplots avatar Jun 07 '24 13:06 ryaplots