When i open a page on my wiki, and go to one of the tables, there is a thick grey border on the right of it, slightly covering the picture. Can anyone help me? This is the wiki: , and here is proof:
That looks the right size and color to be the box shadow that indicates there is content to be scrolled. I am not sure why it appears as a solud color instead of a transparency gradient. It is working as intended on my browser. Which browser are you using?
According to what I can find online. Safari shouldn't be having issues with this. The picture you showed seems to be the result of the box shadow's spread radius being changed from a negative value to a positive value. But I cannot figure out what would be causing this given that it shouldn't be an issue with Safari.
That is the class used to apply the box shadow. Can you screen capture the applied CSS from your dev tools? I tried it on Safari mobile and couldn't reproduce the issue (and don't have Safari for desktop).
Andrewds1021 wrote: That is the class used to apply the box shadow. Can you screen capture the applied CSS from your dev tools? I tried it on Safari mobile and couldn't reproduce the issue (and don't have Safari for desktop).
I haven't applied it yet. Anyway, i think the thick grey border needs to be the shadow gradient. How do i apply it?
I tried it on Firefox and there is neither a thick grey border nor a shadow gradient, but it is there on Chrome (and browsers on Chrome's engine like Brave). The shadow gradient is already applied on the table, but it only works on Chrome and similar browsers.
Interesting. Did your browser version actually change though? If so, then that could definitely be it. I recently changed my Chrome for Windows from 81 to 83 and there are quite a few noticeable visual changes. For instance, all links are now outlined with a thick black border when I hover/click them.