Skip to content

Package page reflow - #1844

Merged
Seldaek merged 3 commits into
composer:mainfrom
Seldaek:viewpkg-redesign
Sep 8, 2026
Merged

Package page reflow#1844
Seldaek merged 3 commits into
composer:mainfrom
Seldaek:viewpkg-redesign

Conversation

@Seldaek

@Seldaek Seldaek commented Sep 7, 2026

Copy link
Copy Markdown
Member

Not really a huge redesign but trying to make things flow a bit better to avoid this huge gap between description and version info, that leads to wasted vertical space..

image

@EdouardCourty

EdouardCourty commented Sep 7, 2026

Copy link
Copy Markdown

Why not push the README and current version content where you put the 3 boxes, and move the boxes's data in the right panel ?

Right now the Security and Fund package maintenance cards are quite empty and lead to empty space again

@IonBazan IonBazan left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I agree with @EdouardCourty - especially for PIE packages, funding and security info will waste too much space. I would take some inspiration from #1750 and move the stats below the name instead. Stars, Forks, Issues and Website could be easily replaced with icons and placed inline to save space like it's done in https://packagist.shyim.workers.dev/p/symfony/console. That design has its flaws but I like the "stats strip" with License, Dependencies, PHP version etc.

{% endif %}
<div class="row package-facts">
<div class="col-12 col-md-6 col-lg">
<div class="package-aside details">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

While here, we could add .facts here too. That should solve #1817

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Hah yeah I just noticed that problem as well and got a fix locally :)

@Seldaek

Seldaek commented Sep 8, 2026

Copy link
Copy Markdown
Member Author

I mean just as a reference.. this is the amount of empty space we have today :D
image

So I think it's a lot better already, and yes the security block is a bit empty right now but that may have more later.

Anyway I will do some more improvements to gain a few more vertical pixels, but moving the readme on top is IMO a no-go because the length of the readme is very unpredictable.

@IonBazan

IonBazan commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

How about we move version info and readme within that Left column itself? Currently it starts only after "facts-boxes" but we could treat that whole right section as a sidebar. The consequence would be that readme has a little less horizontal space, and responsiveness could be a bit more tricky but maybe worth a shot.

Something like this:
image

Looks a bit too crowded but with right paddings should render quite well.

@Seldaek

Seldaek commented Sep 8, 2026

Copy link
Copy Markdown
Member Author

Yeah problem with that is if you want to go through a few versions to see how metadata changed, the version list might require you to scroll so far that you do not see the version metadata anymore, and then you have to scroll back and forth. So nope from me. Anyway I'll deploy this PR already and then see. I don't really want to go down the rabbit hole of redesigning everything right now as I have lots of other stuff I gotta work on too.

@Seldaek
Seldaek merged commit 287b381 into composer:main Sep 8, 2026
4 checks passed
@Seldaek
Seldaek deleted the viewpkg-redesign branch September 8, 2026 07:40
@Seldaek

Seldaek commented Sep 8, 2026

Copy link
Copy Markdown
Member Author

before
image

after
image

@IonBazan

IonBazan commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

Looks good, and I love the maintainer controls collapsed into dropdowns 👏🏻

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.

3 participants