ux icon indicating copy to clipboard operation
ux copied to clipboard

Firefox DevTools UX Community

Results 79 ux issues
Sort by recently updated
recently updated
newest added

In [Bug 1551612](https://bugzilla.mozilla.org/show_bug.cgi?id=1551612) I'm adding a safeguard to make sure that messages that couldn't be rendered (because we threw an exception) don't crash the whole console output (known as White...

Users might not now about the context menu that allows to show/hide columns in the Network panel. We could introduce an menu-icon in order to improve discoverability of this feature....

It is impossible to see what I've selected in any row in the "Headers" pane in the right hand side of the "Network" tab. The color of each row is...

On hover, the functions and classes present in the Outline panel receive a background color change, we also see that these are visualised differently: **Hover over a function:** **Hover over...

good first issue

Following on from the discussion in the Debugger repo thread (https://github.com/devtools-html/debugger.html/pull/7721), suggestions on the styling and experience of the enhanced XHR breakpoints pane are required. Taking cues from the existing...

For prior art, see [Photon typography guidelines](https://design.firefox.com/photon/visuals/typography.html). It would be great to have typography guidelines that are specific to the DevTools, to make sure we harmonize any discrepancies when they...

design system

There are several tools in DevTools that allow users to copy things to the clipboard: * The eyedropper: ![eye-dropper](https://user-images.githubusercontent.com/1152698/53790772-09f7fe80-3f28-11e9-8246-a7c906aa063c.gif) * The font URL in the Fonts panel: ![font0-url-copy](https://user-images.githubusercontent.com/1152698/53790852-33188f00-3f28-11e9-9be0-0b2f12c260d4.gif) * The...

We should update the Debugger's right toolbar icons to a Photon style. We also have similar icons (e.g. play/pause) in Inspector > Animations and in Network. A list: - Pause...

Because, well, it's virtually the same `{ }` icon, as pointed out by @mcroud in #36. We could explore other options for this icon, and perhaps other options for surfacing...

icon

In the future, we might want to expose a "Search" UI in the console, similar to the one that exists in the debugger, as opposed to the Filter UI we...