UI in Sonar on the Web makes it impossible to see code

This may be incredibly stupid of me and I apologize, but the way the web version is configured, I cannot see any code. I click on an issue and a description of the issue itself will show up, but the relevant code is hidden under the description of the issue. No matter how much I scroll, I can only see maybe one line of code, as the description of the issue never moves.

I have asked my coworkers and they do not have the same problem. They are easily able to see the code and the issue with no trouble. Here is a picture of my issue. Again, the sidescroll will scroll the code beneath, but will not move the box describing the issue.

1 Like

Hey there.

I think we assume a certain monitor size (not saying that’s the right move). What screen resolution are you using? Is it different than your colleagues?

Hi,

This happens regardless of monitor size. I work a hybrid schedule both from home and from the office, and while the monitors at the office are much bigger, I still have the same issue. I can see a little bit more on the larger monitors, but the large issue description still blocks most of it. For my colleagues, the large issue description does not hover over the code; it sits more on top of it.

Right now, my monitor size is 27”; display resolution is 1920x1080 with a 125% zoom.

The only other thing is that I use the browser extension Dark Reader, which turns everything to dark mode. You see my screenshot does not have dark mode; I turned it off for this. I have experimented turning the dark mode on and off and it does not seem to make a difference.

What happens if you simply adjust the font size using COMMAND + or COMMAND -? When I increase the font size too much, it seems to mimic the effect you’re seeing. What about if you decrease it?

Well, you were right. I changed the zoom of my monitor to 100% and that seemed to fix it.

I guess this was a result of responsive web design being applied too liberally. I think if you are zoomed in enough or are on a mobile device, you should be able to remove the issue description then. At least, that’s my suggestion for the future.

1 Like

I appreciate your feedback. I’ll pass it along!

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.