Skip to content

feat(tournaments-ticker): add new redesigned ticker with variants for AB testing#7303

Open
Eetwalt wants to merge 64 commits intomainfrom
new-tournament-list
Open

feat(tournaments-ticker): add new redesigned ticker with variants for AB testing#7303
Eetwalt wants to merge 64 commits intomainfrom
new-tournament-list

Conversation

@Eetwalt
Copy link
Copy Markdown
Collaborator

@Eetwalt Eetwalt commented Mar 25, 2026

Summary

This PR introduces the redesigned tournament ticker for mainpages. We're rolling this out on a couple wikis first, so we're not going to replace the existing ticker before it's rolled out everywhere. This PR:

  • Adds Widget/Tournaments/Ticker/List with a tab-based phase navigation variant (default) and a collapsible variant (AB test - will most likely settle for one)
  • Adds a subtle tier pill variant with configurable colorScheme (full/top3) (Tier colors is AB test - will most likely settle for one)
  • Extracts data fetching into a reusable Widget/Tournaments/Ticker/Data module
  • Moves ChevronToggle from Widget/Participants/Team/ to Widget/GeneralCollapsible/ for broader reuse
  • Updates apexlegends, fortnite, leagueoflegends, pubgmobile, and trackmania to use the new widget

Notes

  • stylesheets/commons/TournamentTags.scss has hardcoded hex values. My thinking was doing the AB test like this, and make variables to skin when we settle on the approach to avoid double work.

How did you test this change?

|dev=ntl4 on the mainpages of wikis listed below + devtools

Variants:

  • Apex - 3 colors, tabs
  • Trackmania - 3 colors, collapsible
  • PUBGM - 5 colors, tabs
  • Fortnite - 5 colors, collapsible
  • LoL - 3 colors, tabs
image image

@Eetwalt Eetwalt requested a review from mbergen March 30, 2026 08:22
@Eetwalt Eetwalt force-pushed the new-tournament-list branch from fdf2e26 to 79e0ac2 Compare March 30, 2026 09:20
Comment on lines +252 to +258
&.badge--tier4,
&.badge--tier5,
&.badge--misc,
&.badge--qualifier,
&.badge--monthly,
&.badge--weekly,
&.badge--showmatch {
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Maybe just make the default? there are some wiki specified tiertypes

Copy link
Copy Markdown
Collaborator Author

@Eetwalt Eetwalt Mar 30, 2026

Choose a reason for hiding this comment

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

still need to override the tier4 and tier5 for top3 scheme with the gray as they will otherwise inherit the full scheme colors, but otherwise I made the gray default and removed the other tiertypes

Comment on lines +215 to +219
&.badge--misc,
&.badge--qualifier,
&.badge--monthly,
&.badge--weekly,
&.badge--showmatch {
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

same

@Eetwalt Eetwalt requested a review from Rathoz March 30, 2026 10:48
@Eetwalt
Copy link
Copy Markdown
Collaborator Author

Eetwalt commented Mar 30, 2026

@mbergen turns out the tournament logo needs to be wrapped in a class in the badges, so it doesn't render in darkmode automatically because of https://github.com/Liquipedia/Lua-Modules/blob/new-tournament-list/stylesheets/commons/Miscellaneous.scss#L393-L396

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

Labels

c: tournaments_ticker g: apex Apex Legends g: fortnite Fortnite g: leagueoflegends League of Legends g: pubgmobile PUBG (Mobile) g: trackmania Trackmania Games stylesheets Changes to stylesheets

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants