Yaru: .context-menu border in light, bradius of last-child in dark & sub-menu placement

Created on 21 May 2018  路  12Comments  路  Source: ubuntu/yaru

For the first-child in the light theme (which is the last-child in nautilus? =D) there is a tiny border-bleed:
lightborderbleed

The border-radius of the last-child for the dark theme (at least in EOG) seems to be small_radius on all edges:
darklastchild

The sub-menu seems to popup like 2 or 3px too early (meaning the "frame" of the submenu could be placed exactly at the edge of the context-menu, they overlap atm):
submenu

Edit: also in non CSD menus we have the wrong border-radius for both first and last child:
peek 2018-05-21 13-43

Enhancement confirmed

Most helpful comment

If @vinceliuice does not suceced there would be a third option (after the padding top/bottom):

@madsrh @luxamman @clobrano
I tried @Paz-it 's idea to have a padding everywhere and continue to use border radius on menu items and I love it:
pazitftw
blacki2
blacki

  • solves all problems
  • looks like the popovers currently in master:
    pop
    What do you think?

All 12 comments

Not sure if this is wanted? @godlyranchdressing
image
(The separators are almost invisible - I was never a fan of them, but this looks like it is not wanted - either remove it or bring back the old color? :D no idea really)

Maybe I've merged the PR once again ... - I didn't realize that the context-menu might also be affected

@Feichtmeier
I wish they will not be visible, just the way it is in your SS. so much cleaner and elegant this way.

The separators are almost invisible - I was never a fan of them, but this looks like it is not wanted - either remove it or bring back the old color?

We should take into account developer desire :) if he/she put the separators, we should try to find a nice way to style them

I agree. @godlyranchdressing styled them the best way :))

I like it too! Just wondering if this was wanted :dancer:

image

@madsrh @godlyranchdressing @vinceliuice @clobrano

Cant' we just remove the border radius for hovering menu entries completely and add a padding to the context-menus? This would make everything hell lot of easier and why ship something broken if the solution is so easy yet does not look weird (quiet the opposite).

As proposed in the closed PR: (but with more padding like in this gif)
39971219-ebffff54-56f7-11e8-9fcc-18256e86b370

And that's also very similar to the shell:
peek 2018-05-28 11-31

And basically every other context-menu out there on the web with round corner :)

Padding looks good to me too, maybe I just use the same (small) padding in shell as well

I say +1 for this because it solves the headache, BUT I've said this before _(in an issue I can't find it atm_):
IMHO the padding looks broken, and the current doesn't (_except for where it's actually broken_ 馃ぁ )

Beautiful and clean IMO:
image
IF there should be top / bottom padding IMO overdoing it - like the shell above - would make it more obvious that this isn't an issue.

EDIT:

maybe I just use the same (small) padding in shell as well

Ahhh, I missed that +1

The idea is beautiful idd.
Sadly we also still have a border bleed for the first and last child hover. You can even see that in the pic you posted mads :D it's just tiny but it's there
image

If @vinceliuice does not suceced there would be a third option (after the padding top/bottom):

@madsrh @luxamman @clobrano
I tried @Paz-it 's idea to have a padding everywhere and continue to use border radius on menu items and I love it:
pazitftw
blacki2
blacki

  • solves all problems
  • looks like the popovers currently in master:
    pop
    What do you think?

Perfect! The other suggestion looked like a compromise - this one doesn't 馃憤 Please merge 馃榾

Was this page helpful?
0 / 5 - 0 ratings

Related issues

eaglersdeveloper picture eaglersdeveloper  路  3Comments

madsrh picture madsrh  路  3Comments

Feichtmeier picture Feichtmeier  路  3Comments

Muqtxdir picture Muqtxdir  路  3Comments

Feichtmeier picture Feichtmeier  路  3Comments