neos / neos-ui

Neos CMS UI written in ReactJS with Immutable data structures.
GNU General Public License v3.0
266 stars 135 forks source link

FEATURE: Show focused outline when editing text #3853

Open Sebobo opened 2 months ago

Sebobo commented 2 months ago

Description

Currently no outline is shown when editing inline text when the mouse is not hovering the CKEditor field.

See also

Steps to Reproduce

  1. Edit content and move mouse away

Expected behavior

CleanShot 2024-09-19 at 10 52 57@2x

Actual behavior

CleanShot 2024-09-19 at 11 00 00@2x

Affected Versions

Neos: 8.3 UI: 8.3

Sebobo commented 2 months ago

Possible solution something like this (with a different color of course):

.ck-focused {
    outline: 1px dashed red;
    outline-offset: 5px;
}