Modus NavBar - Allow for user icon border color configuration

[cjwinsor]

Prerequisites

• [X] I have searched for duplicate or closed feature requests
• [X] I have read the contributing guidelines

Proposal

Allow for the user icon to have its border and initial background color to be configurable.

Presently, the avatar image / initials span are given borders when active, focused, and hovered. This proposal is to allow for a border color to exist when not interacted with. Presently, we cannot control whether the border is showing, nor what color it is. The implementation details are TBD.

It is e-Builder's intent to work on this request.

Motivation and context

As part of e-Builder's user delegation feature, we are looking to indicate when the user is acting on behalf of another user by adding a border around their avatar/initials.

Which npm package?

@trimble-oss/modus-web-components

Priority

Medium

What is the product name the feature is requested for?

e-Builder

What is the team name the product belongs to?

e-Builder

What is the division name the team belongs to?

e-Builder

[msankaran0712]

@cjwinsor should we assign this to someone in your team?

[msankaran0712]

@msankaran0712 check with @cjwinsor

[msankaran0712]

@cjwinsor, do you want to assign this to someone? and we can choose the sprint too

[cjwinsor]

@msankaran0712 Currently working through where this is with UX approvals and Modus approvals. We have no issue picking this up after we validate that, however we are about to work on microservices to provide the data we need for implementing the navbar so it will be after that.

Do we know if we want to have this as a core feature, setting the ring color and background color as properties of the profileMenuOptions? Something like this, but not necessarily this:

{
  //...
  highlightBorderColor: '',
  highlightBackgroundColor: ''
  //...
}

[msankaran0712]

@cjwinsor I was thinking of keeping it simple by creating CSS variables, that way, you can control it based on the theme selected.

[msankaran0712]

This is to reaffirm that Modus has approved the functionality for development.

cc @cjwinsor

Note: Modus team tag the approved issues with modus-approved

[msankaran0712]

Moved this to backlog as the issue has been idle for quite sometime

[msankaran0712]

@cjwinsor any updates on when are we taking this issue?