Page 1 of 1

[web] Multiple visual issues with new design/design suggestions

Posted: Fri Jun 26, 2020 4:16 am
by DBotThePony
Search button (and several others) on mod portal font is browser dependent

Chromium based:

Image
Image

Firefox:

Image
Image

Firefox under linux:

Image

I couldn't get Firefox to display which font it use to display buttons, but Chromium based browser tells me this:

Image

Arial isn't a font you want to use unless you are dealing only with Windows clients.

Also both of them do not match the font of Download button:

Image

Weight of pagination buttons is too big:

Image
(it has weight of 700, maybe set it to 600 to match other elements?)

Image

Overflow in tables should be not visible (in my opinion), rather than stretching and making it look bad:

Image

Hovering over active tab will highlight text with underline (i think this is oversight, but if you think this is fine then this is fine):

Image
Image

Login message overlaps with tabs:

Image

Top right panel overflows (?):

Image

Suggestion: Hovering over tag button could paint it red (to indicate that when you click on it you stop browsing this tag):

Image
Image

If i find anything else i'll post it here.

Re: [web] Multiple visual issues with new design/design suggestions

Posted: Wed Jul 22, 2020 12:04 pm
by ickputzdirwech
Since this is already a multi issues topic I thought it might be best to just add some things I noticed:

1. mods.factorio.com missed "sign up" on top right corner
Sign up missing.jpg
Sign up missing.jpg (30.1 KiB) Viewed 4005 times
2. sign up page
  • Inconsistent names for the fields "Password:" and "EmailĀ²"
  • Grey text in the fields "Password:" and "EmailĀ²" isn't fully readable (on edge only, Firefox works).
  • Check field stays highlighted after removing checkmark.
Sign up.jpg
Sign up.jpg (104.2 KiB) Viewed 4005 times
3. mobile?
Is the website supposed to support mobile use? If so there are several issues as seen here:
mobile.jpg
mobile.jpg (134.71 KiB) Viewed 4005 times
4. Rocket not working in edge
You can click on it, it launches, but doesn't bring you to the top of the page. Is this a technical limitation ore is edge not supported?