polymc.github.io icon indicating copy to clipboard operation
polymc.github.io copied to clipboard

Scroll Bug [Site]

Open catemiko opened this issue 2 years ago • 7 comments

Operating System

No response

Version of PolyMC

No version

Version of Qt

No version

Description of bug

When hovering on Maintainers' pictures in About section it shows scroll arrows but there`s nothing to scroll. unknown (9)

Steps to reproduce

About > Maintainers > Hover on person picture.

Suspected cause

No response

This issue is unique

  • [X] I have searched the issue tracker and did not find an issue describing my bug.

catemiko avatar Aug 02 '22 16:08 catemiko

Chromium 93.0.4577.63 (Official Build) (64-bit)
Revision ff5c0da2ec0adeaed5550e6c7e98417dac77d98a-refs/branch-heads/4577@{#1135}
OS Windows 10 OS Version 2009 (Build 25136.1000)
JavaScript V8 9.3.345.16
User Agent Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.63 Safari/537.36

catemiko avatar Aug 02 '22 16:08 catemiko

Seems to be specific to Windows

Scrumplex avatar Aug 02 '22 17:08 Scrumplex

can confirm, happens for me too image

Not sure whats causing it, it doesn't highlight anything... I also tried to use "Responsive Design mode" to play around with user agent and such, but in that mode I couldn't reproduce the issue at all.

Explicitly setting overflow: hidden; for the CSS properties seems to "resolve" it though. (until someone with a 200 character username comes along, that would need scrolling...)

Don't think I can generate such a neat table, but uh: OS: Windows 10 21H2 (19044.1826) Browser: Mozilla Firefox 103.0 (64-bit) User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

TayouVR avatar Aug 02 '22 22:08 TayouVR

That should fix this issue. Replaced overflow-y: scroll to auto.

.user-name {
    color: #fff;
    font-size: 1.2em;
    overflow-y: auto;
    overflow-wrap: break-word;
    text-align: center;
}

catemiko avatar Aug 03 '22 16:08 catemiko

I have hopefully fixed this can someone please test it should be on the main site now.

ZekeZDev avatar Aug 08 '22 03:08 ZekeZDev

yes, it is fixed image although.. wasn't there previously a line break for longer names? image like this? (width: 100%;) Or am I just remembering dev screenshots from discord/matrix and this was never live?

Either way; this particular issue is fixed and can be closed ^^

TayouVR avatar Aug 08 '22 09:08 TayouVR

I changed one line and yeah it broke word breaking

ZekeZDev avatar Aug 16 '22 00:08 ZekeZDev