Skip to content

Conversation

@MarcPerezdeTudela
Copy link
Contributor

References #12164

Adds a profile link in the streamer's overview and styles the subscribe button a bit, to make it consistent with the other toggle switch buttons.

Old:
imagen

imagen

New:
imagen

imagen

I think that the toggle switch button shouldn't be inside of a regular button, it feels to crowded. Furthemore it's consistent with the other switch buttons like the ones in "Edit streamer page".

imagen

@kraktus
Copy link
Member

kraktus commented May 3, 2023

No sure, wouldn't it make more sense to style the big lichess username at the top and turn into a link instead of adding a new button?

Not sure if people would be confused about it when it redirects to lichess profile instead of streamer page.

@MarcPerezdeTudela
Copy link
Contributor Author

It's an interesting aproach, i tried to stick with the original idea in #12164:

The cakewalk approach is to add a "profile" button beside the subscribe button.

This way we win more space an get a cleaner layout. As drawbacks we don't see the users name or if he's online, only his streamer name, furthermore as you pointed out maybe it's strange to click on the streamer name an go to he's lichess profile instead of the streamer page.

imagen

imagen

imagen

To be honest i'm not sure what's best. More feedback would be apreciated.

@schlawg
Copy link
Contributor

schlawg commented May 7, 2023

I like the implementation in your original commit. Failing that, a blue text link "Go to profile..." beside the subscribe button also works.

Their streamer name can be different than their username. It's definitely strange to use as a profile link.

@kraktus
Copy link
Member

kraktus commented May 7, 2023

Their streamer name can be different than their username. It's definitely strange to use as a profile link.

You're right, was confused by the title displayed, my bad

@benediktwerner
Copy link
Member

Note that there already is a profile link in the list, after the YT and/or Twitch link. But it's definitely not super obvious. But it should definitely be removed if you add a link elsewhere.

@MarcPerezdeTudela
Copy link
Contributor Author

The profile link has been removed from the list in the last commit.

imagen

@extend %double-tap;
position: absolute;
margin-#{$start-direction}: -99999px;
visibility: hidden;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this defeats the accessibility setup of the button, and prevents it from being read by screen readers

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I had no idea about the accessibility problems, sorry for that, but the issue if you just remove that property is that in some languages like arab where te button aligns right you can see the checkbutton behind the label.

imagen

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see, this is the fix

ornicar added 5 commits May 10, 2023 09:34
* master: (60 commits)
  New Crowdin updates (lichess-org#12796)
  regen piece sprite after lichess-org#12815
  recreate source branch for voice merge
  Mpchess black knight adjustment
  add /api/study/by/:user endpoint
  tweak study controllers and ratelimiting
  move glyphs json to modules/study
  fix autocompletion of members of a team with hidden listings
  scala code golf
  Add results to broadcast multiboard in real-time
  better type `StudyChapterMeta.res`
  fix eslint, use const for `playerWhoMoved`
  scala code golf
  remove debug
  remove `ChapterPreview.sideToPlay` as it can be computed client-side cheaply
  extract and refactor `fenColor` to `common/mini-game`
  don't select games with anon in mod games view
  Update clocks when moves are received by websocket
  Update play-json to 2.10.0-RC8
  Adjust 2FA wording: 'secret' -> 'secret key'
  ...
@ornicar
Copy link
Collaborator

ornicar commented May 10, 2023

it doesn't look great tbh, but was already quite bad before, so...

@ornicar ornicar merged commit 82e4a74 into lichess-org:master May 10, 2023
@MarcPerezdeTudela MarcPerezdeTudela deleted the profile-button-in-streamer-page branch May 17, 2023 10:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants