Skip to content

Improve website UI/UX styling - #260

Draft
ArqamQazi wants to merge 5 commits into
Portable-Linux-Apps:mainfrom
ArqamQazi:improve-design
Draft

ArqamQazi wants to merge 5 commits into
Portable-Linux-Apps:mainfrom
ArqamQazi:improve-design

Conversation

@ArqamQazi

Copy link
Copy Markdown
Contributor

No description provided.

Refined hero layout, search ergonomics, WCAG contrast, and nav links.
@kazam0180

Copy link
Copy Markdown
Contributor

show a preview

@ArqamQazi

Copy link
Copy Markdown
Contributor Author

@kazam0180

Copy link
Copy Markdown
Contributor
simplescreenrecorder-2026-09-15_07.36.06_2.mp4

Okay I checked it myself. And it is... what I was afraid of, gnomification rather than "UI and UX improvement". You also removed the category select on home page.

I don't like this, I don't vibe with it. Though there are some parts that I like. I like how topics are nested on the wiki page. The github icon on the header and the back to top arrow.

That were my thoughts and opinion but I don't know where the previous design was bad at UI or UX. I followed the best practices for everything.

@ArqamQazi
ArqamQazi marked this pull request as draft September 15, 2026 02:52
- Reduce border radius on categories, app links, and search elements to 6px
- Restore All categories dropdown to home search bar with smooth scrolling
- Fix mobile nav overflow clipping so language dropdown overlays above main content
- Restore missing Wiki link in main navigation on wiki page
- Fix gallery screenshot button border clipping on app pages
- Fix FAQ target anchor scroll offset and hover border styles
@kazam0180

Copy link
Copy Markdown
Contributor

@ArqamQazi
a little better.
the category dropdown appears on desktop but not on mobile on homepage.

my suggestions:

  • it would better if you could return the old corner radius (just my opinion)
  • remove the custom dropdown, sorry i can't stand it and feels useless when the browser's own just works fine
  • remove the arrows in wiki page, instead use a diagonal arrow pointing to upper right direction after the text. that looks better imo and gives the impression that pressing this will open another page

@kazam0180

Copy link
Copy Markdown
Contributor

P.S. idk if its me but some places, the text feels too small, like at https://arqamqazi.github.io/Portable-Linux-Apps.github.io/en/index.html#install

@ArqamQazi

Copy link
Copy Markdown
Contributor Author

I have changed the border radius to previous version, will see what I can do about the other two.
Thanks for the feedback.

@kazam0180

Copy link
Copy Markdown
Contributor

I have changed the border radius to previous version, will see what I can do about the other two. Thanks for the feedback.

this arrow

image

@kazam0180

This comment was marked as off-topic.

@kazam0180

kazam0180 commented Sep 15, 2026

Copy link
Copy Markdown
Contributor

also, @ArqamQazi fix #259 . i opened #261 for it but i guess it won't be needed if you do it

edit: maybe this has nothing to do with your changes and will work fine along them. or go ahead if you want to improve it's look

@ArqamQazi

Copy link
Copy Markdown
Contributor Author

edit: maybe this has nothing to do with your changes and will work fine along them. or go ahead if you want to improve it's look

It will likely conflict.

@kazam0180

kazam0180 commented Sep 15, 2026

Copy link
Copy Markdown
Contributor

edit: maybe this has nothing to do with your changes and will work fine along them. or go ahead if you want to improve it's look

It will likely conflict.

okay. the main change is this:
https://github.com/Portable-Linux-Apps/Portable-Linux-Apps.github.io/pull/261/changes#diff-4698a0d6946cc7eab0ee49f1773e6bfa66a91c8c1ae37b2587b9dc9ebdf47247R37

and grouping the blob and raw buttons together and stacking them
you can add it your branch and i will close my pr. or ivan can merge my pr until you are working on this

@ivan-hc

ivan-hc commented Sep 15, 2026

Copy link
Copy Markdown
Member

The look seems to be more solid and fills the page better, I like it

Before Now (in development)
Istantanea_2026-09-15_15-50-54 Istantanea_2026-09-15_15-51-14

Once fixed some issues (for example, Install buttons on lines, the github button to AM instead of this repo...) I think will be a great improvement.

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