Skip to content

Beautify status icon in user list #9224

@janrudolph

Description

@janrudolph

The status icon in the user list indicates if a user is online. In the current version the icon is placed on the left of the profile picture. In my opinion this breaks the clear line on the left side of the design.

Current version:
online-status-old

I suggest an alternative design:
user-status-new

CSS Code (not cross-browser or cross-device tested!):

.sidebar-item__user-status {
    margin-left: 29px;
    z-index: 1;
    margin-top: 8px;
}

What do you guys think of this design approach?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions