Problem/Motivation
When an item is selected on the List
view of the Visual Debugger controller, users don't have access to a visual cue that lets them see an element is selected and available in the Selected
tab.
Steps to reproduce
Activate the Visual Debugger, switch to the List
tab, and select an item from the list. Now, scroll up or down the list until the active selected item is out of view, and you are left with no visual indication if an item is selected or not.
Proposed resolution
Add a tiny visual cue (it could be a circle using the ::before
pseudo-selector of the tab label. That visual indicator might be left transparent or blank initially, when no element is selected, and it can cast into the color that corresponds to the selected template type.
Remaining tasks
When the active element is changed, it should update an object type
class that will help cast the color of the visual cue within the tab's label.
User interface changes
Add a visual, rounded circle to the Select
tab using the ::before
pseudo-selector. That visual indicator will always be present within that tab. It should be blank/transparent initially, and then it should carry the color of the item that is currently selected.