godotengine / godot-asset-library

PHP frontend for Godot Engine's asset library
https://godotengine.org/asset-library
MIT License
285 stars 85 forks source link

Improve the layout of search pages #279

Closed YuriSizov closed 1 year ago

YuriSizov commented 1 year ago

I've suggested some small changes for the search pages before, and they were well received, so I tried implementing them.

Note that I have only tested this with dev tools. I don't have a setup for testing the asset library website locally, so everything was applied to a live page with dev tools and tested this way, including layout changes. Changes are pretty simple, so I shouldn't have made any mistakes, but you've been warned :P

  1. Move the filters to the left side, as a sidebar, and clean up relevant styles.
  2. Move the "View Pending" button to the sidebar and only show it when viewing your own assets (this seems to be the intent as far as I can see from #45).
  3. Make the pagination center-aligned, and its extra elements justified.
  4. Highlight the search button, de-emphasize special checkbox filters, de-emphasize the "View Pending" button, highlight active "Items per page" value.
  5. Improve mobile support.

Before | After

Before | After

Before | After

Before | After

Before | After

YuriSizov commented 1 year ago

cc @Gramps perhaps you want to give it a test too :)

Gramps commented 1 year ago

These are great changes! A lot of the forms really needed some love. I'll check it out on my local setup.

coppolaemilio commented 1 year ago

Thanks!