firebase / firebase/firebase-tools-ui

Layout issue in the emulator when names for collections or documents get to long

Open
#925 2 comments 0 reactions 0 assignees View on GitHub
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:

image

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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.