cleanup sidebar actions (fileinfo + spaces)

[hurradieweltgehtunter]

Description

Make list of available sidebar actions (File info + Spaces) look better:

• add slight border below file/space name to sepaate it from actions
• add standardized spacing between elements to make it look like other actions lists (e.g. context menu in file list)
• add hover effect
• expand button to make full width clickable

Before:

After:

Related Issue

• Fixes [Right Sidebar] Fix layout of action lists #8397

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Technical debt
• Tests

Checklist:

• Code changes
• Unit tests added
• Acceptance tests added
• Documentation ticket raised: https://github.com/owncloud/docs/issues/4811

Open tasks:

[update-docs]

Thanks for opening this pull request! The maintainers of this repository would appreciate it if you would create a changelog item based on your changes.

[CLAassistant]

All committers have signed the CLA.

[JammingBen]

Love it! 😍 A few annotations, mainly to your code-comments.

[hurradieweltgehtunter]

Not sure why the build is failing. What needs to be done?

[JammingBen]

Not sure why the build is failing. What needs to be done?

The snapshot tests are failing. A snapshot includes the DOM-structure of a component. When you change the DOM (by adding classes e.g.), these snapshots need to be updated as well, otherwise those tests fail.

You can update all snapshots by running pnpm test:unit -u.

whait for bkulman

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[kulmann]

🥳