Restyle the selected route-stop circle (bullseye)#1935
Merged
Conversation
Give the focused/selected route-stop circle a clearer, theme-aware look now that selecting a stop drops straight into the route-focus (bullseye) view: - Selected circle fills orange (the shared map_stop_focus highlight) instead of white, with a smaller center dot in the outline color. - Route-stop circle fill and outline are now theme-aware resources (route_stop_fill / route_stop_outline): white fill + dark-gray ring in light mode, near-black (#4D4D4D) fill + white ring in dark mode. - Selected fill (map_stop_focus) is theme-aware too: lighter #FFA726 in light mode, deeper #FB8C00 in dark mode. - The selected circle is enlarged (FOCUSED_SCALE 1.8) but its ring keeps the same on-screen weight as every other stop (the selection scale is divided back out of the stroke on both platforms). - Thinner base ring (STROKE_WIDTH_PX 2.7) and larger center dot (INNER_RADIUS_SCALE 0.36). Colors are resolved from Context in each renderer and passed into the layers; HomeActivity recreates on a light<->dark switch so there is no stale bitmap cache. Applied consistently to both the Google and MapLibre map flavors.
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
📝 WalkthroughWalkthroughRoute-stop styling now uses light and dark theme resources instead of hardcoded colors. Google Maps bitmap markers and MapLibre circle layers receive themed colors, while radius and stroke calculations preserve selection and zoom behavior. ChangesRoute-stop styling
Estimated code review effort: 3 (Moderate) | ~20 minutes Sequence Diagram(s)sequenceDiagram
participant ThemeResources
participant GoogleMapRenderer
participant GoogleRouteStopBitmapLayer
participant MapLibreRenderer
participant MapLibreRouteStopCircleLayer
ThemeResources-->>GoogleMapRenderer: Provide route-stop colors
GoogleMapRenderer->>GoogleRouteStopBitmapLayer: Pass fill, selected-fill, and outline colors
GoogleRouteStopBitmapLayer->>GoogleRouteStopBitmapLayer: Draw selected or normal bitmap
ThemeResources-->>MapLibreRenderer: Provide route-stop colors
MapLibreRenderer->>MapLibreRouteStopCircleLayer: Pass fill, selected-fill, and outline colors
MapLibreRouteStopCircleLayer->>MapLibreRouteStopCircleLayer: Build color and radius expressions
Possibly related PRs
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
The selected route-stop circle now scales by FOCUSED_SCALE 1.8 (was 1.5), so every `selected = true` expectation in the bitmap-diameter test was stale and failing CI. Recompute them (they scale by 1.8/1.5 = 1.2): fixed selected 90 -> 108, and the ramp's selected samples 27 -> 32, 59 -> 70, 90 -> 108. The `selected = false` values are unchanged. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Reworks how a selected/focused route-stop circle (the "bullseye") looks on the map, now that tapping a stop drops straight into the route-focus view. Applies to both the Google and MapLibre map flavors.
map_stop_focushighlight. The center dot is the outline color.route_stop_fill— white (light) / near-black#4D4D4D(dark)route_stop_outline— dark-gray#616161(light) / white (dark)map_stop_focus(selected fill, shared with the selected pin markers) — lighter#FFA726(light) / deeper#FB8C00(dark)FOCUSED_SCALE1.8) whose ring keeps the same on-screen weight as every other stop — the selection scale is divided back out of the stroke on both platforms.STROKE_WIDTH_PX2.7) and a larger center dot (INNER_RADIUS_SCALE0.36).Implementation notes
Contextin each renderer (GoogleMapRenderer,MapLibreRenderer) and passed into the circle layers — the pureRouteStopCirclesstyling object has noContext.HomeActivityrecreates on a light↔dark switch (nouiModein itsconfigChanges), so there's no stale bitmap cache.circleStrokeWidthramp stays a constant weight while the selected circle still scales up.Testing
obaGoogleDebug+obaMaplibreDebugunder-PwarningsAsErrors=true.🤖 Generated with Claude Code
Summary by CodeRabbit
New Features
Visual Improvements
Tests