flarum / flarum/issue-archive

Deleted user avatar doesn't match format of other avatars

Open
#80 2 comments 0 reactions 1 assignee Claimed by @davwheat View on GitHub
Dominant language
No language data
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

## Bug Report

### Current Behavior
When using a helper function, such as `avatar()`, the output should attempt to stay as similar as possible with outputs documented.

Currently, we have 3 different possibilities for avatars:

**Text avatar**
```html
O
```

**Image avatar**
```html

```

**Deleted user avatar**
```html

```

We should attempt to make the deleted user avatar closer to the Text avatar to prevent styling inconsistencies, such as those currently present in the Notifications area, similar to flarum/framework#2905.

### Suggested changes

We could use a FontAwesome icon in place of the text. This can be done with pure CSS, too. Woohoo!

**user-times**
![image](https://user-images.githubusercontent.com/7406822/121676640-c26c5f80-caac-11eb-8f1c-4be441692ffd.png)

**user-alt-slash**
![image](https://user-images.githubusercontent.com/7406822/121677056-4aeb0000-caad-11eb-81f5-2b825ac9e263.png)

**user-slash**
![image](https://user-images.githubusercontent.com/7406822/121677097-58a08580-caad-11eb-8829-b6b93fbedd31.png)

**trash-alt**
![image](https://user-images.githubusercontent.com/7406822/121679107-e41b1600-caaf-11eb-9c8e-d50809c22065.png)

### Example

```less
span.Avatar:empty::before {
content: "\f235"; // For user-times
color: @control-color;
font-weight: 700;
font-family: 'font awesome 5 free';
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.