Makes the cell editor border grey when not focused

[dhuebner]

What it does

Currently if a code cell is selected (Blue line on the lefthand side) but the cell editor itself has no focus - the editor has a focused (blue) border. This change makes the editor outline/border grey is the cell editor doesn't have focus.

How to test

Open a notebook and select a cell editor. The editor should have a focus (blue) border. Press ESC - it turns off the edit mode and editor lose focus. The editor border should become grey.

Follow-ups

Review checklist

• As an author, I have thoroughly tested my changes and carefully followed the review guidelines

Reminder for reviewers

• As a reviewer, I agree to behave in accordance with the review guidelines

[msujew]

While this fixes the issue with the editor, the cell sidebar still has the blue highlight color:

In VS Code, the cell side bar marker becomes "inactive":

[dhuebner]

While this fixes the issue with the editor, the cell sidebar still has the blue highlight color:

It is the intended behavior. Wenn pressing ESC only the editor should be turned into non-edit state. The cell itself should remain selected.

In VS Code, the cell side bar marker becomes "inactive":

Not in my vs-code. Pressing ESC turns off the editor focus, pressing ENTER activates the editor again. The side bar all the time shows "selected" state.

What you maybe see, is when mouse-click somewhere outside a cell in the editor, the last selected cell is still active (marked focused). This was before this change and is not a part of the fix.

[msujew]

Ah, I see. Thanks for the explanation. Then everything works as expected 👍