[sidenav-item]: Icon only

[rinaok]

Description

When there is only an icon in sidenav-item, the hover and the active appearances are with the width of the icon:

https://vivid.deno.dev/components/sidenav-item#icon

it should be like that:

Component(s) impacted

sidenav-item

Browser

No response

Vivid Web Components version

latest

Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Application/website

vivid

CodeSandbox example

.

Steps to reproduce the issue (if applicable)

hover or click on the sidenav-item with icon only

Release date (if applicable)

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I checked the current issues for duplicate issues

[rachelbt]

why does an icon-only needs to be full width?

[rinaok]

why does an icon-only needs to be full width?

@rachelbt If you put many sidenav-items inside a sidenav, and one of the sidenav-items is only an icon it look weird.

[github-actions[bot]]

This issue is stale because it has been open for 30 days with no activity.

[github-actions[bot]]

This issue was closed because it has been inactive for 14 days since being marked as stale.

[yinonov]

the expectation might be wrong here. perhaps the issue is nav with context being fluid rather than behave as inline and fit its content

[rinaok]

https://jira.vonage.com/browse/VIV-979