editor Diff Screen UI & Alignment Problem

When I click on view changes to see the changes in the checkpoint, there are alignment problems in the area I see.

Problem

Solution Steps

The solution is very simple, it takes a total of 5 minutes of your time. Can't you include it in the next sprint and solve it?

Ui panel flex is present but flex alignment is missing

-Add flex-direction:column:

-This area has a flex-grow:1 but also you should add flex-direction:column too

-Also this area missing width should be width:100%

-And problem solved

May 26 '23 13:05 EnverYsr

Hi @EnverYsr, thanks for reporting this issue. I’m failing to reproduce it on my machine, please could you provide some details about your browser. A link to the project would also be helpful.

May 26 '23 15:05 ellthompson

This problem only happens in chrome. Regardless of the project, it comes this way in every project I open.

May 26 '23 17:05 EnverYsr

This problem only happens in chrome. Regardless of the project, it comes this way in every project I open.

Thanks @EnverYsr. Could you also confirm whether this occurs when running in incognito mode?

May 26 '23 17:05 ellthompson

@EnverYsr I just wanted to bump this and echo @ellthompson's question: does this problem happen in an incognito tab? We suspect a plugin/extension is interfering with the Editor's CSS.

Jun 08 '23 20:06 willeastcott

Cannot reproduce and @EnverYsr did not confirm whether this happens in an incognito tab. And it's also interesting that we haven't received any other reports of this issue. So I do suspect a rogue browser extension could be the root cause.

Closing. But I am more than happy to re-open if clear steps to reproduce the problem can be provided.

Dec 15 '25 18:12 willeastcott