kaufmann42 / kaufmann42/issueist

Add minimalist design

Open
#9 2 comments 0 reactions 0 assignees View on GitHub
enhancement help wanted
Dominant language
JavaScript
Stars
5
Forks
2
PR merge metrics
No merged PRs in 30d

Description

## Summary

The current design is a bit bulky - see example below where it covers a big part of the page:

![chrome_HIAhrmxNtf](https://user-images.githubusercontent.com/18430599/59395443-909f5180-8d49-11e9-901b-5082b08bb277.png)

## Motivation

The current design looks good on mobile but doesn't work too well in extension form. I feel as if having a smaller footprint by default would make it faster to quickly create issues. Especially in cases when you need to look at something on your current page for reference while making an issue.

## Describe alternatives you've considered

N/A

## Additional context

One possible mockup:

![chrome_odyI6pjS5s](https://user-images.githubusercontent.com/18430599/59395544-2804a480-8d4a-11e9-8a69-5e000d202116.png)

Stick with a very thin input field. This requires users to have a default repo selected.
Hitting enter within that field or clicking the paper airplane icon would submit the issue.

**What about label and other options?**
You could add a scroll handler that expands the popup a bit to reveal other input fields. Or have a triple dot button somewhere. Lots of creative ways to start small but still allow as much functionality as you want.

**What about Issueist branding?**
Again, lots of options. If you want "Issueist" somewhere in the default view: Maybe instead of a paper airplane icon, you have a full-width button below the input field labeled "Submit with Issueist". Otherwise, you can include it in any number of places when people expand to the advanced issue creation view noted above.

Contributor guide

Open the contributing guide

Research direction

The issue names no files, tests, or entry points; begin by locating the extension's current popup design and comparing it with the supplied screenshots and mockup. Done means the default view has a smaller footprint while retaining issue submission and a way to reach additional options.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.