search

cpvalente / ontime

Free, open-source time keeping for live events
https://www.getontime.no
Other
491 stars 51 forks source link

Icons overlap with text #959

Closed JustJoostNL closed 5 months ago

JustJoostNL commented 6 months ago

The icons in the rundown overlap with the text. I have a pretty big screen, so this shouldn't be the problem. image image

When I open the rundown manually (/rundown page), it does show the icons correctly. image

cpvalente commented 6 months ago

Hi @JustJoostNL thank you for this.

Do you happen to have some idea on recreate the issue?

JustJoostNL commented 6 months ago

This is just a fresh instance of Ontime V3. And this occurs when creating a new event.

lukestein commented 6 months ago

Also shows up in #941

I haven't figure out how to consistently recreate this. It just shows up sometimes.

JustJoostNL commented 6 months ago

Ah interesting, for me it is consistent.

cpvalente commented 6 months ago

Hi @JustJoostNL, I am unable to replicate the issues, do you mind sending a screengrab of what you see along with details on your OS and browser versions?

JustJoostNL commented 6 months ago

Yes, @cpvalente:

Browser: Firefox 125.0.3 OS: Windows 11 23H2 OS Build 22631.3447

Screenshots:

Editor page image

Editor page (event selected) image

Rundown page (/rundown) image

alex-Arc commented 6 months ago

I have tested on win 11 / Firefox 125.0.3 and can't get it to do that

What is your monitor resolution and scaling? And can you get it to go away and reappear by resizing the window?

JustJoostNL commented 6 months ago

Hi @alex-Arc

My display resolution is 1920x1080, and scaling is at 100% (normal) I am unable to get it go away and reappear by resizing the window (issue is persistent)

JustJoostNL commented 6 months ago

Interesting: On another PC of me: Windows 10, Firefox 125.0.3, resolution 1680x1050, 100% scaling. The issue doesn't occur, and the icons display like normal.

cpvalente commented 5 months ago

For someone seeing this later on:

We are aware of the issue but are currently unable to recreate it consistently. If you are able to, we would appreciate steps for recreating the issue.

Extra points if you would like to inspect the CSS and propose a fix, this should be straightforward once we pinpoint the issue

Meanwhile, refreshing the page seems to solve the issue

JustJoostNL commented 5 months ago

Meanwhile, refreshing the page seems to solve the issue

Doesn't for me. Can I already help with inspecting CSS/HTML?

cpvalente commented 5 months ago

Doesn't for me. Can I already help with inspecting CSS/HTML?

Hi!

Yes! It looks from your profile that you should be able to figure it out easily.

The elements that are overflowing are all the same, so it should be easy enough to find the issue

Feel free to find us on discord for video engineering if you want to discuss anything. Or reach out on mail@getontime.no

jwetzell commented 5 months ago

I can replicate this issue reliably on Chrome 124.0.6367.201 on Ubuntu 23.10 on a high resolution monitor as well (3840x2160).

cpvalente commented 5 months ago

I can replicate this issue reliably on Chrome 124.0.6367.201 on Ubuntu 23.10 on a high resolution monitor as well (3840x2160).

nice, lets chat

jwetzell commented 5 months ago

Sorry @cpvalente , might have spoke too soon. Seems like if you refresh now on the editor screen the inputs with the button get put back to center aligned and start to inch toward overlapping.