Skip to content

Degree labels, root selector, and overlay tag component

jedmund requested to merge jedmund/brasilia-v5 into main

Created by: jedmund

Summary

  • Add shared OverlayTag component for expanded names in both step arc and degree label overlays
  • Improve degree label badges: solid purple circles with white numbers, larger text (14pt)
  • Nudge black key degree badges 8pt right for proper visual centering
  • Add degree labels toggle and root note picker (C-B) to playground configurator
  • Generate major scale degree labels from selected root, repeating across all octaves in docked mode
  • Fix pitch string notation: use ASCII # for code, Unicode for display

Test plan

  • Toggle degree labels on in contained and docked mode
  • Switch root note (C through B), verify labels update correctly
  • Check scales with accidentals (D, F) show all 7 degree badges
  • Black key badges (like Bb in F major) are centered on their key
  • Tap a degree badge to see expanded name (OverlayTag style)
  • Tap a step arc to see expanded name (same OverlayTag style)
  • Docked mode shows degree labels across all visible octaves

Merge request reports