Add a visual cue to the 'Selected' tab when a template item is selected

Created on 12 June 2024, 18 days ago
Updated 13 June 2024, 17 days ago

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.

✨ Feature request
Status

Fixed

Version

1.0

Component

Code

Created by

πŸ‡§πŸ‡·Brazil mabho Rio de Janeiro, RJ

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.69.0 2024