referer-mod icon indicating copy to clipboard operation
referer-mod copied to clipboard

Design for options page

Open airtower-luna opened this issue 5 years ago • 2 comments

The options page right now is very much a "works for me" style. It'd be nice to have proper CSS styles, and maybe an updated structure too. Input validation before saving would be a plus.

AMO documentation recommends using the Photon Design System.

Some potential features like source match (#15) or regular expressions (#6) will need room for configuration, so opening a separate setting page instead of including options in the add-on view might be better to have more room.

I'd rather not add any dependencies.

airtower-luna avatar Dec 27 '19 11:12 airtower-luna

Another consideration: The table style doesn't scale well on small displays (like mobile devices). I wonder if there's a better way to do it, maybe with elements that arrange in a table-like grid if there's room, but collapse into individual boxes with their own labels if there isn't?

airtower-luna avatar Jan 02 '22 12:01 airtower-luna

Maybe a flex grid?

Gitoffthelawn avatar Apr 12 '22 18:04 Gitoffthelawn