Home

Site permission UI improvement

%3CLINGO-SUB%20id%3D%22lingo-sub-1116704%22%20slang%3D%22en-US%22%3ESite%20permission%20UI%20improvement%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1116704%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20folks%2C%20I%20have%20a%20UI%20suggestion.%20See%20screenshot.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThere%20are%20lots%20of%20site%20permission%20settings%20for%20each%20website.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20list%20of%20permission%20labels%20are%26nbsp%3B%20are%20too%20far%20from%20the%20dropdowns%20making%20it%20difficult%20to%20determine%20which%20dropdown%20goes%20with%20which%20label.%20Making%20matter%20worse%2C%20the%20vertical%20midpoint%20of%20label%20doesn't%20look%20like%20it's%20the%20vertical%20midpoint%20of%20the%20dropdown%20(see%20images%20option%20in%20example).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E3%20ways%20of%20fixing%20it%3A%3C%2FP%3E%3CP%3E1.%20Make%20the%20dropdowns%20closer%20to%20the%20text%2C%20improving%20function%2C%20but%20will%20most%20likely%20make%20it%20look%20unorganized%20vertically.%20Alternatively%20dropdowns%20can%20be%20moved%20to%20the%20left%20of%20the%20text%20labels%20to%20improve%20look.%3C%2FP%3E%3CP%3E2.%20Add%20a%20thin%20faint%20line%2Fdots(...)%20that%20connects%20text%20label%20to%20the%20dropdown%20(images%20in%20example).%20This%20can%20be%20between%20choices%20too%20(notifications%20in%20example).%3C%2FP%3E%3CP%3E3.%20Increase%20padding%20between%20choices.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%E2%80%83%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1116704%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Esuggestion%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EUI%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1148827%22%20slang%3D%22en-US%22%3ERe%3A%20Site%20permission%20UI%20improvement%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1148827%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F524023%22%20target%3D%22_blank%22%3E%40ainstushar%3C%2FA%3E%26nbsp%3BThanks%20for%20reaching%20out%20and%20providing%20us%20feedback%20on%20that.%20Unfortunately%2C%20the%20attachment%20didn't%20come%20through%2C%20can%20you%20please%20try%20resending%20it%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CI%3EFawkes%20(they%2Fthem)Project%20%26amp%3B%20Community%20Manager%20-%20Microsoft%20Edge%3CI%3E%3C%2FI%3E%3C%2FI%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
ainstushar
Occasional Visitor

Hi folks, I have a UI suggestion. See screenshot.

 

There are lots of site permission settings for each website.

 

The list of permission labels are  are too far from the dropdowns making it difficult to determine which dropdown goes with which label. Making matter worse, the vertical midpoint of label doesn't look like it's the vertical midpoint of the dropdown (see images option in example).

 

3 ways of fixing it:

1. Make the dropdowns closer to the text, improving function, but will most likely make it look unorganized vertically. Alternatively dropdowns can be moved to the left of the text labels to improve look.

2. Add a thin faint line/dots(...) that connects text label to the dropdown (images in example). This can be between choices too (notifications in example).

3. Increase padding between choices.

 

Thank you.

 

1 Reply
Highlighted

@ainstushar Thanks for reaching out and providing us feedback on that. Unfortunately, the attachment didn't come through, can you please try resending it?

 

Fawkes (they/them)
Project & Community Manager - Microsoft Edge

Related Conversations