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

Things that are not directly connected with Factorio.
DBotThePony
Inserter
Inserter
Posts: 30
Joined: Tue Mar 12, 2019 4:50 am
Contact:

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

Post 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.
User avatar
ickputzdirwech
Filter Inserter
Filter Inserter
Posts: 793
Joined: Sun May 07, 2017 10:16 am
Contact:

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

Post 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 4211 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 4211 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 4211 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?
Mods: Shortcuts for 1.1, ick's Sea Block, ick's vanilla tweaks
Tools: Atom language pack
Text quickly seems cold and unfriendly. Be careful how you write and interpret what others have written.
- A reminder for me and all who read what I write
Post Reply

Return to “Off topic”