Inconsistent background corner radius in left/middle rows

[ChristophWurst]

Steps to reproduce

1. Nothing specific to prepare but at least one account and some messages

Expected behavior

Consistent design

Actual behavior

Mail app version

1.x

Mailserver or service

No response

Operating system

No response

PHP engine version

No response

Web server

No response

Database

No response

Additional info

• Requires Round background of AppNavigationItem nextcloud-libraries/nextcloud-vue#2460 / Use large border-radius in AppNavigation nextcloud-libraries/nextcloud-vue#2571
• Requires Put the children of AppNavigationItem outside of the main item nextcloud-libraries/nextcloud-vue#2572

[JuliaKirschenheuter]

@nimishavijay please give a feedback, which design should we use?

[nimishavijay]

Good point! We should change the component itself so that it is reflected across all apps :)

My suggestion:

• border-radius: 6px for each item in the action menu
• border-radius: 8px for the action menu itself
• padding: 4px for the action menu

It would look like this

What do you think? cc @jancborchardt @marcoambrosini

[jancborchardt]

Yeeeeah that looks sick @nimishavijay! :)

Regarding the AppNavigation, there’s nextcloud-libraries/nextcloud-vue#2460 which @quentinguidee / @marcoambrosini wanted to look at, so we should make sure it’s the same. :)

[ChristophWurst]

This is too big of a change to be delivered with v1.12

[jancborchardt]

This seems to be fixed with the 2 Vue component pull requests, is it not?

[marcoambrosini]

Yep this is fixed in master, needs release

[GretaD]

all background border corner radius are consistent everywhere in mail now