medium style overhaul for the ecosystem to have better consistency across the pages and fix some issues by MTRNord · Pull Request #3172 · matrix-org/matrix.org

MTRNord · 2026-01-22T18:56:31Z

Description

Before	After

This fixes:

Better title wrapping
The pill doesn't cause overflow issues with the title anymore
The license is much more distinct
The title is a bit smaller now
Maturity of Clients is shown as well
Cards are now the same across these pages (though noticeably Integrations can't utilize all of it)

Related issues

show project maturity in the ecosystem overviews #2405
I think also some of our general design overhaul tasks

Role

Website WG Hat :)

Timeline

Soon? Never? Now? When the moon phase turned 23 times and its the second blood moon after the third wave of a silent night?

Signoff

Please sign off your individual commits or whole pull request.

See commits :)

…ross the pages and fix some issues Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

HarHarLinks · 2026-01-22T20:17:51Z

Preview: https://mtrnord-overhaul-ecosystem.matrix-website.pages.dev/ecosystem/

HarHarLinks · 2026-01-22T20:25:00Z

Looks like the filters stopped working on my phone on this PR deployment.

MTRNord · 2026-01-22T20:45:39Z

Looks like the filters stopped working on my phone on this PR deployment.

Seems like its caused by cloudflare and cors:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://bb593a6f.matrix-website.pages.dev/js/servers.js?h=1cb6dd610dd7ad0025a8. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 200.

Using https://bb593a6f.matrix-website.pages.dev/ecosystem/servers/ instead works fine

HarHarLinks · 2026-01-22T21:02:42Z

Screenshots look good, so does testing on mobile.

I think cards could be a bit wider on mobile?

awtj8o81ryywg793

Just a few small suggestions.

Note that this explicitly disallows links to be rendered as nested a tags are not working in html spec. Therefor we strip them. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

cloudflare-workers-and-pages · 2026-01-28T14:36:05Z

Deploying matrix-website with Cloudflare Pages

Latest commit:	`9cd3ef3`
Status:	✅ Deploy successful!
Preview URL:	https://2bc5f998.matrix-website.pages.dev
Branch Preview URL:	https://mtrnord-overhaul-ecosystem.matrix-website.pages.dev

View logs

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

awtj8o81ryywg793

Everything so far looks good to me. Thank you for implementing my suggested changes.

There are other areas in files not currently part of this request that exhibit the same issue. Would you mind including fixes for those in this PR?

See:

line 21 of templates/ecosystem/bridge_implementations.html
line 12 of templates/shortcodes/hosting_providers.html

In addition to these files, do we know why we use a <span> element for the description of each integration? Please refer to line 6 of templates/shortcodes/all_integrations.html. I would suggest switching the <span> to a <p> element, with the .description class assigned so its styling matches the other ecosystem pages.

…he bridges Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

awtj8o81ryywg793 · 2026-02-04T00:48:38Z

I assume the answer to this question will be "yes," but I want to confirm. Is it intended for the hosting provider card to look similar yet different from the other ecosystem cards? I'm mainly referring to the larger font used for the hosting provider card's description compared to that of the other ecosystem cards.

I also noticed a responsive styling bug on the hosting providers page. If you set your browser's viewport to 850px and gradually shrink the width, you'll see the layout cycling between a two-in-a-row and one-in-a-row layout. I think we should update the responsive styling to align with the styling of other ecosystem pages too.

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

HarHarLinks · 2026-02-22T09:27:00Z

this looks a bit unfortunate on mobile, but I would also be happy to tackle it in a separate PR if you prefer

similar I'm not sure why we use different h- and v-gaps for download buttons:

HarHarLinks · 2026-02-22T09:32:05Z

As discussed in #3219 (comment) I do like the idea of transition: border-color 0.3s ease; to black for clickable cards in general.

HarHarLinks · 2026-02-22T09:40:22Z

The bridge platform buttons are invisible on mobile while they have a hover background on desktop. The buttons are about the size of the purple debug marker depending on the size of each individual one. I think it would be better if the clickable areas were more clearly visible.

I think the grid would also benefit from justify-content: center;?

HarHarLinks · 2026-02-22T09:41:42Z

There are some spacing and alignment issues on the bridge details:

I also think we should rather spell out DM as Direct Messages.

HarHarLinks · 2026-02-22T11:51:04Z

Similar situation of invisible buttons on mobile:

HarHarLinks · 2026-02-22T11:54:26Z

Hosters in 3 columns doesn't work for me as long as the amount of text remains so large.

There is a lot of wasted space with 2 or 1 columns:

Maybe it would be better to have an individual page for each hoster if we grant them that much text.

HarHarLinks

No need to implement all my comments in this PR, but at least this one should not introduce regressions.

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

MTRNord · 2026-02-25T21:12:13Z

@HarHarLinks please take another look. I did some fixes but not all:

I did try to fix the hosting page a bit but choose 1 column on mobile for now. I believe making it have detail cards is another PR. We already are feature creeping here a bit I think. I think its still a small improvement over what we had at the time you did the review.
I fixed the detail pages for clients and bridges.
I made DM to "Direct Messages"
I did try to make the click actions on the bridges more obvious. Not sure how well though
I added the transition animation

I also applied all suggestions by @awtj8o81ryywg793

I didnt fix the invisible buttons on mobile for the SDKs. No idea how to make that better right now -> defer to an issue please?

Either way lets have another round of reviews @HarHarLinks and @awtj8o81ryywg793 ?

HarHarLinks · 2026-02-26T04:21:47Z

-    row-gap: .8rem;
+    gap: .8rem;
    margin-block: 2rem 3rem;
    margin-inline: auto;


Suggested change

margin-inline: auto;

margin-inline: auto;

justify-content: center;

HarHarLinks · 2026-02-26T04:22:46Z

 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true


this needs to make it into CONTENT.md

HarHarLinks · 2026-02-26T04:29:28Z

server cards are not clickable, yet they highlight (explicitly per servers.scss).
a lot of project cards are not clickable yet highlight.

clients and bridges are the only ones that are actually clickable.

meanwhile hosting cards are not clickable and do not highlight.

if we decide to give clickable cards or cards in general this visual feature, I think this PR should include for /branding cards to also highlight.

perhaps the highlighting feature should a ~globally available css class?

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

medium style overhaul for the ecosystem to have better consistency ac…

7b489ec

…ross the pages and fix some issues Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

MTRNord requested a review from a team as a code owner January 22, 2026 18:56

HarHarLinks added ecosystem Adding and removing ecosystem projects aesthetic Visual inconsistencies or improvements labels Jan 22, 2026

awtj8o81ryywg793 requested changes Jan 23, 2026

View reviewed changes

Comment thread templates/ecosystem/clients.html Outdated

Comment thread templates/ecosystem/clients.html Outdated

enable markdown for the ecosystem descriptions

76bfd59

Note that this explicitly disallows links to be rendered as nested a tags are not working in html spec. Therefor we strip them. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

MTRNord added 2 commits January 28, 2026 15:40

increase card size on mobile

6d2a6bd

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

further increase card size on mobile

6381472

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

MTRNord requested a review from awtj8o81ryywg793 January 28, 2026 14:42

try improving the mobile css for the grid

fbc8e12

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

awtj8o81ryywg793 reviewed Jan 31, 2026

View reviewed changes

add missing makdown inline filters and change span to paragraph for t…

1d0e693

…he bridges Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

HarHarLinks mentioned this pull request Feb 8, 2026

Create a "Branding & Assets" page #3156

Closed

fix weird column behaviour on the hosting page

310e674

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

MTRNord requested a review from awtj8o81ryywg793 February 12, 2026 11:32

awtj8o81ryywg793 requested changes Feb 15, 2026

View reviewed changes

Comment thread sass/_hosting.scss Outdated

Comment thread sass/_hosting.scss Outdated

Comment thread sass/_hosting.scss Outdated

Comment thread sass/_hosting.scss Outdated

HarHarLinks requested changes Feb 22, 2026

View reviewed changes

fix clients and hosting on mobile

809c8c3

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

MTRNord added 3 commits February 25, 2026 21:57

try to make click actions for the bridges page more obvious?

5b68dfc

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

rename dm to direct_messages in bridges

c506821

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

add some transition smoothing

9cd3ef3

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

MTRNord requested review from HarHarLinks and awtj8o81ryywg793 February 25, 2026 22:13

HarHarLinks reviewed Feb 26, 2026

View reviewed changes

HarHarLinks mentioned this pull request Feb 26, 2026

Improve the Try Matrix Page #3239

Merged

MTRNord added a commit that referenced this pull request Feb 26, 2026

improve card hover to match upcoming changes in #3172

ef789ff

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>

	margin-inline: auto;
	margin-inline: auto;
	justify-content: center;

Uh oh!

Conversation

MTRNord commented Jan 22, 2026

Description

Related issues

Role

Timeline

Signoff

Uh oh!

HarHarLinks commented Jan 22, 2026

Uh oh!

HarHarLinks commented Jan 22, 2026

Uh oh!

MTRNord commented Jan 22, 2026

Uh oh!

HarHarLinks commented Jan 22, 2026

Uh oh!

awtj8o81ryywg793 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

cloudflare-workers-and-pages Bot commented Jan 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying matrix-website with Cloudflare Pages

Uh oh!

awtj8o81ryywg793 left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

awtj8o81ryywg793 commented Feb 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

HarHarLinks commented Feb 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

HarHarLinks commented Feb 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

HarHarLinks commented Feb 22, 2026

Uh oh!

HarHarLinks commented Feb 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

HarHarLinks commented Feb 22, 2026

Uh oh!

HarHarLinks commented Feb 22, 2026

Uh oh!

HarHarLinks left a comment

Choose a reason for hiding this comment

Uh oh!

MTRNord commented Feb 25, 2026

Uh oh!

HarHarLinks Feb 26, 2026

Choose a reason for hiding this comment

Uh oh!

HarHarLinks Feb 26, 2026

Choose a reason for hiding this comment

Uh oh!

HarHarLinks Feb 26, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

cloudflare-workers-and-pages Bot commented Jan 28, 2026 •

edited

Loading

awtj8o81ryywg793 left a comment •

edited

Loading

awtj8o81ryywg793 commented Feb 4, 2026 •

edited

Loading

HarHarLinks commented Feb 22, 2026 •

edited

Loading

HarHarLinks commented Feb 22, 2026 •

edited

Loading

HarHarLinks commented Feb 22, 2026 •

edited

Loading