Skip to content

Right/left icons are inconsistent across the datepicker and migration buttons #1328

@tyler-dane

Description

@tyler-dane

Where did this happen?

Local code with an up-to-date main branch, Hosted (app.compasscalendar.com)

Expected Behavior

The right/left icons are consistent across the entire app.
Specifically, the month picker should use the arrow icons that we use in the day planner for the migration functionality.

Current Behavior

The month picker uses different icons compared to the events

Icons to replace - Sidebar
Image

Icons to replace - Allday form
Image

Desired arrow icon
Image

Steps to Reproduce

  1. Type SHIFT+2 or click the month icon in the sidebar to show the month widget
  2. Notice the arrow styles
  3. Click the open space on the all-day row
  4. All-day form will open
  5. Click the date input
  6. Month widget will open
  7. Notice the arrow styles
  8. Go to /day
  9. Create a task
  10. Hover over task
  11. Notice the arrow styles

Possible Solution

Update the month widget to use the icon

Context

The month widget might currently be using simple text for "<" and ">", which is dependent on the font. We should decouple the widget from the font selection, so that changing the font size/style doesn't affect the widget

Metadata

Metadata

Assignees

No one assigned

    Labels

    good first issueGood for newcomerswebFrontend/web related issue

    Type

    Projects

    Status

    Backlog

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions