Microsoft-ui-xaml: Proposal: Get rid of uneven left/right spacing on MenuFlyout

Created on 15 Oct 2019  ·  15Comments  ·  Source: microsoft/microsoft-ui-xaml

We noticed this with #1079 which was pointing out the space on Top/Bottom which is by design.

However, during the conversion, design and I noticed the gap on left/right and further noticed that they don't seem to be even on both sides... We would like this gap to be removed and the hover state to go edge to edge.

image

area-Menus area-UIDesign bug help wanted team-Controls

Most helpful comment

@adrientetar , thanks for the design bug!

All 15 comments

I agree. The way it currently is, the hover isn't even centered.

It should all the way across.

@chigy does this need to be a feature proposal? Seems like we should just fix it as a bug?

If this is a bug I would be happy to take my shot at it. 😃

@jevansaks , I debated if I should open a bug but technically, this is a design change request so I opened a feature proposal. No problem with that being handled as a bug.

Also, when opening a submenu, shouldn't the item text vertically align with base menu text? Seems like the padding at the top isn't accounted for currently.

@adrientetar , good eyes! We were about to open a request to fix that. The select visual should be aligned. Would you do me an honor if you don't mind? (Ignore the vertical circle)

image

@chigy, looking at the image
image

Shouldn't the sub menu be casting a shadow on the lower menu? At the moment they blend together

Would you do me an honor if you don't mind?

Huh, are you asking me to open an issue about it? See #1462

Shouldn't the sub menu be casting a shadow on the lower menu? At the moment they blend together

Yeah, I'd say go ahead and open a design bug

@adrientetar , thanks for the design bug!

Shouldn't the sub menu be casting a shadow on the lower menu? At the moment they blend together

Please feel free to open design bug. This could have been a shadow limitation but we should document it nonetheless...

Shouldn't the sub menu be casting a shadow on the lower menu? At the moment they blend together

Please feel free to open design bug. This could have been a shadow limitation but we should document it nonetheless...

@adrientetar , I confirmed this is a technical limitation that we cannot draw shadow on shell popups's sub-menus.

@chigy, could we have an updated design toolkit? here: https://docs.microsoft.com/en-us/windows/uwp/design/downloads/

@chigy, could we have an updated design toolkit? here: https://docs.microsoft.com/en-us/windows/uwp/design/downloads/

@adrientetar , we are currently working on it with update for WinUI2.2.

Would be good if UI Toolkits were released at the same time as a WinUI version in the future. Maybe formally tie the two together.

Would be good if UI Toolkits were released at the same time as a WinUI version in the future. Maybe formally tie the two together.

@mdtauk , I understand, I'd like that also. We are doing what we can.

Was this page helpful?
0 / 5 - 0 ratings