Highlight "You can’t edit files directly in this project." message

When user doesn't have permissions to edit the code we show a very small banner right suggesting to fork the project.

I very often just hit the "Edit" button multiple times and just think that something is broken.

Usually it looks like this:

https://www.loom.com/share/8658f74e20ee4c80ad9c452c3d5094f7

(Note the the whole page jumps once I click the edit button, so it's really hard to notice that something is changed)

Can we highlight the banner somehow to attract the user attention?

(Personally I would expect some kind of a modal window suggesting to create a fork)

Solution

As the user cannot proceed without forking the project, using a modal would be the right interaction to inform the user that they can't edit and would need to fork the project.

Current	Proposal

🎨 Figma file