Files App: Some kind of visual bug (Blurred in browser)

ℹ️ Support
1

I discovered some kind of visual bug \ issue when u do smth with files or press sub-menu button

Is this the first time you’ve seen this error? (Y/N): Y

Steps to replicate it:

  1. click on file button
  2. zoom in\out the page (for ex. %110 or %80 may be less or more, nvm)
  3. see visual bug

this is how it looks on 100 % size of page

изображение
изображение1583×523 24.2 KB

this is how it looks on 110 %

изображение
изображение1542×521 59.4 KB

it looks like it blured a bit
so i use apache2
Ubuntu
and the latest version of cloud (28.0.1)
Of course, there are no loggs about it)
And also, i guess, there is no bugg on firefox, but on chrome and edge.
Tank you in advice!

2

Hello there ,

You started a topic in support category.
Unfortunately you ignored the template and a lot of information to help you is missing.

Please add all necessary information like Nextcloud version, webserver type and version, os version, related log file content.

Without additional information the community members cannot help you.

Regards,
rakekniven

btw. please highlight the area in any screenshot you like to point to. I do not see a bug, maybe overlooked by me without any pointer.

1 Like
3

Morning! Thank you very much:)
I edited my post following your recomendations)

1 Like
4

It is not a bug, it is a feature.

Much luck,
ernolf

1 Like
5

Hi and thank you for the reply! Maybe there is a way to switch off this feature?)

Using custom CSS or something like that…

btw my eyes hurt)

6 
body {
    --color-box-shadow: none !important;
}

Much luck,
ernolf

1 Like
7

Thank you so much! so appreciate it!
And can you please show me the best way to apply it?)

8

You must install the app “Custom CSS - theming_customcss”

Then you will find a little window inside of your Theming Tab in Admin settings, located at settings/admin/theming

There you must enter that piece of CSS and activate it.

Much luck,
ernolf

9

Maybe i am doing smth wrong but nothing has changed

изображение
изображение1303×453 43.7 KB

This is what i did
изображение
изображение1352×338 6.83 KB

10

Please look yourself on the images you provided. The box-shadow, which you pointed your arrow on in the first immage is gone now. Wasn’t it that what you meant?
In your new immage, you point to something totaly different. I do not see anything blurred. Maybe my eyes, they are not that good.
I am using dark theme anyhow.

Much luck,
ernolf

11

Ok! Probably we talked about completely different things… My bad. I just wondering dont you see that the text in the box is a bit smooth, blured or not clear comparing to word “yesterday” which is not in the box?)

BTW thanks for idea to check it in dark mode and all your patience

Update

изображение
изображение1248×319 23.2 KB

i guess it’s the same

12

OK, now I understand what you meant.
Sorry, but that is within the range, that I do not even see it, but yes, I will try to dig in it and if I find kind of workarund for it, I will come back here and post it, if not yet solved by somebody else or by an update.

Much luck,
ernolf

2 Likes
13

Nice) Thanks in advance )

14

I’m afraid that this is most probably a browser bug. When you scale the site’s content, all of the content should be sharp and there isn’t really anything a website (or webapp in this case) can do to make it more sharp.

There have been a few bugs in Chromium in the past where it blurred text when a CSS transform was used. Maybe this is also the issue here?

I couldn’t immediately find anything in the bugtracker: Monorail - chromium - An open-source project to help move the web forward. - Monorail

To sum up, I have a strong suspicion that blurry text rendering in browsers when zoomed in can only be fixed by browser vendors :slight_smile:

3 Likes