Skip to content

Improve selected stop indicator styling#24

Draft
swoogles wants to merge 2 commits into
masterfrom
cursor/improve-selected-stop-indicator-styling-f400
Draft

Improve selected stop indicator styling#24
swoogles wants to merge 2 commits into
masterfrom
cursor/improve-selected-stop-indicator-styling-f400

Conversation

@swoogles
Copy link
Copy Markdown
Collaborator

@swoogles swoogles commented Sep 4, 2025

Add a visual indicator (border and checkmark) to selected stops in the StopSelector component instead of changing button color, to provide more distinct selection feedback without affecting vertical spacing.


Open in Cursor Open in Web

Co-authored-by: bill.frasure <bill.frasure@gmail.com>
@cursor
Copy link
Copy Markdown

cursor Bot commented Sep 4, 2025

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
Learn more about Cursor Agents

- Modified style.css to add new .button.is-selected-stop class
- Added blue border around selected stop button using ::before pseudo-element
- Added checkmark badge in top-right corner using ::after pseudo-element
- Updated StopSelector component to use 'is-info is-selected-stop' class instead of 'is-primary'
- Keeps button background color black while adding clear visual indicators
- No impact on vertical spacing of elements
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants