search

zekroTJA / shinpuru

シンプル - Discord Bot with role selection, moderation, karma ranking, a starboard, code execution, raid alerting, backups, a web interface, twitch notifications and more!
https://shnp.de
MIT License
184 stars 37 forks source link

Invisible text for landing page #421

Closed DustdevDM closed 1 year ago

DustdevDM commented 1 year ago

Type

Visual Issue

Instance

Main Stable (shinpuru#4878 / shnp.de)

Description

The scrolling Text under "And much more to be discovered ..." is invisible.

Steps to reproduce

  1. Open any browser at https://shnp.de/start
  2. Scroll to the bottom of the page

Attachments

image image

zekroTJA commented 1 year ago

Yeah, seems like there is an issue with the background-clip: text support on chromium based browsers. According to Can I Use and this article, it should work when using the -webkit- prefix. I'll try it out and put "testing everything frontend related also with chrome" to my checklist.

Tank you very much for the report. <3

voxain commented 1 year ago

@zekroTJA For this purpose, I don't know if you're using it yet, consider looking into autoprefixer or SASS with a compiler that does stuff like this for you automatically. It's the same plain CSS but you don't have to type the same thing for three browsers everytime.

zekroTJA commented 1 year ago

@zekroTJA For this purpose, I don't know if you're using it yet, consider looking into autoprefixer or SASS with a compiler that does stuff like this for you automatically. It's the same plain CSS but you don't have to type the same thing for three browsers everytime.

@voxain As far as described in the docs, styled-components should do that automatically. But why ever not not in this case, I don't know. image

voxain commented 1 year ago

Weird. Welcome to the world of web development i guess..