New user cards and user profile page design deployed

Feature
25

I just committed a couple of patches to master for this stuff, should be up soon.

26

we have a garbage problem.

Pasted image795Ɨ370 22.6 KB

27

We could just remove the Profile button, under the assumption that people know to click the name / avatar to get the full user page?

This is now done. Get to profile by clicking / tapping the big user avatar or name on the expanded card.

28

@eviltrout group info is not shown on the full user page, but should beā€¦ somewhere. Maybe in the key/value pairs at the bottom of the about me? Just comma delimited list of groups maybe?

29

How does one make a badge capable of doing this? I though it would be by enabling ā€œAllow badge to be used as a titleā€ but that didnā€™t work.

30

Look for the User Card Badge section in User Preferences. It is right below the space where you can enter in your web site URL.

1 Like
31

Yes, I see that, but all I see is <none> in the drop-down list; no badges, which is why I asked my question about how to make a badge capable of appearing in this list.

32

AFAIK not all Badges can be used as titles (go to their pages and look for the checkmark at the right next to allow as title)
eg.

ā€œregularā€ should be available to use
https://meta.discourse.org/badges/3/regular
as is
https://meta.discourse.org/badges/114/bug-reporter

But in terms of the ā€œUser Badge Cardā€ glyph, Iā€™m not seeing those similar in my Preferences either
A WIP or in need of clarification?

33

You have to set the Badge Image property (on the Badge itself) for it to be enabled on the User Card.

34

Thanks, that worked.

Perhaps itā€™s a different topic, but that could use some clarification, as thereā€™s no clarification in the UI about the difference between ā€œIconā€ and ā€œImageā€ and what ā€œImageā€ is used for (e.g., user card).

35

Yeah, the admin UI for this needs improvement. ā€œUser card display imageā€ maybe?

36

Still have image overlapping buttons (/latest page, click on eviltroutā€™s avatar)

Why does the badge image have to be that large? Twice the size of the badge icon seems fair to meā€¦ Iā€™m not sure it needs to be 10 times the size.

37

I am not sure about the size either. But itā€™s weird that the button appears so low. Shouldnā€™t it be at the top? Will look into that.

38

I donā€™t feel too strongly about it, as I donā€™t see our community using them, so consider it more curiosity than anything else (trying to see the other sideā€™s point of view). Iā€™m more looking for the motivation of having it larger than the badge icon, why doesnā€™t the icon get blown up too (more so than it is right now)?

Agreed, keep in mind if there are any scenarios that show 3 buttons there, the issue will persist. :frowning:

39

This is weird, I tried to reproduce it but the card looks like this to me:

40

I looks OK for me using Firefox

robin-card.png718Ɨ443 33.8 KB

It looks like a ā€œfloat leftā€ issue in whatever browser @cpradio was using

41

Chrome 38 on Windows 7 pro

42

On Chrome Version 38.0.2125.111 m, Win 7 pro, all ā€œimportantā€ updates, I get this image:
If I view with IE 11.0.9600.17358, Same system, things are where they are expected to be.

@cpradio, @eviltrout: I actually kind of like the garbage bag flowing over the buttons, as long as it does not make them unreadable.

And, of course, @cpradio is using the same browser I am. Awesome ninja skills!

1 Like
43

Happens on Chrome 38 on Windows 7 Home Premium too

44

For whatever reason, the following is what is pushing it down, when I strike it out, it goes to the correct top position

ul, ol, dd { 
   margin: 0 0 9px 25px;
}