Mobile logo for improved readability

[OddHouseGames]

The Listed L logo may need to have an improved or enlarged version for Mobile for readability at small sizes as the thin part of the font almost disappears when viewing on mobile.

[JaspalSuri]

Hi @OddHouseGames, thanks for the feedback! If we continue to receive more reports of this issue we'll consider changing it. 🙂

[Lissy93]

Also with the logo, I have found that when using a custom color (just using the variable), I get an unusual intro animation on initial page load. E.g.

For reference, it's caused by the following code in application.scss

.button--no-fill:before {
	background-image: linear-gradient(0deg,var(--page-menu-link-color) 50%,transparent 0);
	background-size: 100% 200%;
	background-position: top;
	transition: background-position .3s ease-in-out;
}

Not a major issue by any stretch, but would be nice for the above code to be simplified to avoid this.

[JaspalSuri]

Hi @Lissy93, this animation was introduced intentionally in a recent update. I'll forward your feedback to the team for review!

(cc @daianaszwimer)

[daianaszwimer]

Hi @Lissy93 , how are you?

The SVG Logo takes a second to load (as you can see on the gif above), so instead of showing nothing there, we decided to go with the following approach:

The blue SVG you see at the beginning is shown while the "real" logo (the logo with the colors users set) is being loaded, and to avoid changing the logo color abruptly, we decided to show that animation 😊

[Lissy93]

Ah that makes sense now - thanks for explaining :)