Discussion
Loading...

Post

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online  ·  activity timestamp 16 hours ago

The redesigned profile fields are now on mastodon.social.

I wasn't too sure when I first saw the mockups, but I'm starting to like this.

#mastodon #ProfileFields #fediverse #design #UXUI

A screenshot of a Mastodon profile with the usual elements, including profile image, header image, description, etc.

The profile fields which include links to various websites and were previously shown in a table layout with each field on a new line, are now displayed as sort of mini cards, two next to each other on one line and a "+2" card that would, upon clicking, show all profile fields shown in a table layout (not visible in the screenshot).
A screenshot of a Mastodon profile with the usual elements, including profile image, header image, description, etc. The profile fields which include links to various websites and were previously shown in a table layout with each field on a new line, are now displayed as sort of mini cards, two next to each other on one line and a "+2" card that would, upon clicking, show all profile fields shown in a table layout (not visible in the screenshot).
A screenshot of a Mastodon profile with the usual elements, including profile image, header image, description, etc. The profile fields which include links to various websites and were previously shown in a table layout with each field on a new line, are now displayed as sort of mini cards, two next to each other on one line and a "+2" card that would, upon clicking, show all profile fields shown in a table layout (not visible in the screenshot).
  • Copy link
  • Flag this post
  • Block
Shadow, First of His Name
Shadow, First of His Name
@shadow@vmst.io replied  ·  activity timestamp 12 hours ago

@stefan I'm fine with the new verification badge, it just removes the whole colour and boring plain ✅.

As for the table, it's now in column horizontal row with clickable "...more" into modal popup instead of plain multiple rows?

  • Copy link
  • Flag this comment
  • Block
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online replied  ·  activity timestamp 12 hours ago

@shadow Yep.

You can visit any mastodon.social profile (you don't have to be logged in) and put this in the browser console:

localStorage.experiments = 'profile_redesign'

And refresh the page. To remove:

delete localStorage.experiments

  • Copy link
  • Flag this comment
  • Block
Radgryd
Radgryd
@Radgryd@mstdn.games replied  ·  activity timestamp 6 hours ago

@stefan @shadow What decides how many profile fields are displayed before it goes to +2?

  • Copy link
  • Flag this comment
  • Block
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online replied  ·  activity timestamp 3 hours ago

@Radgryd I didn't work on this feature myself, but looking at the code, I see this is based on the length of the mini-cards:

https://github.com/mastodon/mastodon/blob/a1c17fef3aa863fc18eaa0941fa32f15222f859c/app/javascript/mastodon/components/mini_card/list.tsx#L100

@shadow

GitHub

mastodon/app/javascript/mastodon/components/mini_card/list.tsx at a1c17fef3aa863fc18eaa0941fa32f15222f859c · mastodon/mastodon

Your self-hosted, globally interconnected microblogging community - mastodon/mastodon
  • Copy link
  • Flag this comment
  • Block
Radgryd
Radgryd
@Radgryd@mstdn.games replied  ·  activity timestamp 2 hours ago

@stefan Thank you! 😄

  • Copy link
  • Flag this comment
  • Block
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online replied  ·  activity timestamp 2 hours ago

@Radgryd You're very welcome!

  • Copy link
  • Flag this comment
  • Block
Royce Williams
Royce Williams
@tychotithonus@infosec.exchange replied  ·  activity timestamp 16 hours ago

@stefan Hey, wow - didn't know this was happening. What do they look like for verified links?

  • Copy link
  • Flag this comment
  • Block
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online replied  ·  activity timestamp 16 hours ago

@tychotithonus See the GitHub link in my reply:

https://github.com/mastodon/mastodon/pull/37513

"Verification is not implemented yet as the designs are still being finalized."

  • Copy link
  • Flag this comment
  • Block
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online replied  ·  activity timestamp 16 hours ago

@tychotithonus Actually, looks like there is an update on this already!

https://github.com/mastodon/mastodon/pull/37538

Looks nice!

  • Copy link
  • Flag this comment
  • Block
Stefan Bohacek
Stefan Bohacek
@stefan@stefanbohacek.online replied  ·  activity timestamp 16 hours ago

Screenshot of the current design attached for comparison. More info and how to enable the preview: https://github.com/mastodon/mastodon/pull/37513

A screenshot of the same profile page section when the design experiment is disabled. The profile fields are shown in a table layout, with verified links highlighted in green.
A screenshot of the same profile page section when the design experiment is disabled. The profile fields are shown in a table layout, with verified links highlighted in green.
A screenshot of the same profile page section when the design experiment is disabled. The profile fields are shown in a table layout, with verified links highlighted in green.
  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.1 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct