Using Quill on a smaller monitor or screen can be difficult, as many of the components can start overflowing. This PR makes the Quill UI more responsive so it can be viewed on viewports pretty well from the 600/700px mark upwards. The purpose of the PR is to make the UI easier to navigate and use on a smaller screen. Making it responsive below that (e.g. mobile viewports) was not deemed necessary.
Should be handy when using quill at eth global lisbon.
Before
After
How can these changes be manually tested?
Use Quill on different viewports and toggle the navbar
Does this PR resolve or contribute to any issues?
None
Checklist
[x] I have manually tested these changes
[x] Post a link to the PR in the group chat
Guidelines
If your PR is not ready, mark it as a draft
The resolve conversation button is for reviewers, not authors
What is this PR doing?
Using Quill on a smaller monitor or screen can be difficult, as many of the components can start overflowing. This PR makes the Quill UI more responsive so it can be viewed on viewports pretty well from the 600/700px mark upwards. The purpose of the PR is to make the UI easier to navigate and use on a smaller screen. Making it responsive below that (e.g. mobile viewports) was not deemed necessary.
Should be handy when using quill at eth global lisbon.
Before
After
How can these changes be manually tested?
Use Quill on different viewports and toggle the navbar
Does this PR resolve or contribute to any issues?
None
Checklist
Guidelines
resolve conversationbutton is for reviewers, not authors