New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

add color indicator to avatar #134

Closed

georgehrke opened this issue Nov 29, 2018 · 1 comment · Fixed by #147

Assignees

Labels

3. to review enhancement

Contributor

georgehrke commented Nov 29, 2018

as discussed with @jancborchardt and @skjnldsv

Add color indicator to avatar:

We need four different indicators:

green circle (attending for Calendar, online for Talk)
red square (declined for Calendar, offline for Talk)
orange (tentative for Calendar, away for Talk)
grey (no invitation response for Calendar, (unknown status for Talk?))

It's important to have different shapes: green circle and red square, in order to accommodate dyschromatopsia

georgehrke added the 1. to develop label

georgehrke assigned skjnldsv

Contributor Author

georgehrke commented Nov 29, 2018

@skjnldsv /develop
@skjnldsv /merge

georgehrke added the enhancement label

skjnldsv mentioned this issue

Add avatar status support #147

Merged

skjnldsv added 2. developing and removed 1. to develop labels

skjnldsv added 3. to review and removed 2. developing labels

skjnldsv closed this as completed in #147

skjnldsv added a commit that referenced this issue


          Add avatar status support (#147)

99efb99

Fix #134 

`<Avatar user="admin" status="negative" [status-color="0082c9"]></Avatar>`

| Positive | Neutral | Negative |
|:---------:|:------:|:------:|
|![dev skjnldsv com_apps_vueexample_ (1)](https://user-images.githubusercontent.com/14975046/56116082-41b18780-5f65-11e9-88e5-4d6c6338aabb.png)|![dev skjnldsv com_apps_vueexample_ (3)](https://user-images.githubusercontent.com/14975046/56116086-4413e180-5f65-11e9-8ed6-491f2a7a4230.png)|![dev skjnldsv com_apps_vueexample_ (2)](https://user-images.githubusercontent.com/14975046/56116093-45dda500-5f65-11e9-9af1-0eb689c65e9a.png)|

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment