firebase / firebase/firebase-tools-ui
Layout issue in the emulator when names for collections or documents get to long
- Dominant language
- TypeScript
- Stars
- 291
- Forks
- 74
- PR merge metrics
- No merged PRs in 30d
Description
### [REQUIRED] Describe your environment
* Operating System version: All
* Browser version: All
* Firebase SDK version: All
* Firebase Product: All (auth, database, storage, etc)
When you have long collection names or you have documents that have pretty long IDs, the layout of the emulator goes a bit bananas. The collection names are clipped and the actions for the document are also falling of the screen, which is the most annoying part. See screenshot:

I am using a 27 inch monitor and the easiest fix is to remove the max-width property from `.App-main`. Although this might not resolve it for smaller screens.
#### Steps to reproduce:
#### Relevant Code:
Doesn't apply
Contributor guide
Assessment
This issue has not been assessed yet.