Skip to content

Dev: Update the Formatting For Search Boxes in Overlays #3382

Description

@Rabia2219

Overview

We need to update the formatting for search boxes in overlays so that they match the design specifications

Details

The following updates need to be made:

  • Magnifying Glass
    • Size of the magnifying glass is should be 24dp
    • Left Justify
  • Padding
    • Vertical padding (top/bottom) should be 8
    • Horizontal (left/right) padding should be10
Design Mockups: Before and After Image

Action Items

  • Assign yourself to the development issue.
  • Move the development issue from the Prioritized Backlog to In Progress.
  • [ADD DEVELOPER ACTION ITEMS]
  • Create a PR, if applicable.
  • Create a new slide (or edit one if it already exists) in staging and add the before and after images
  • Once the PR has been approved, use it to close this issue. If there is no PR is associated with this issue, close this issue after lead signoff.

Resources/Instructions

  • Design details: [link to final comment in GitHub issue]
  • Design mockups: [link to Ready for Dev section in the related Figma page]

Staging and Release decks

  • Staging Deck
    • [Staging slide, ISSUE NUMBER]
  • Release Deck
    • [2025-MM-DD Release deck, slide ISSUE NUMBER]

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    PRIORITIZE

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions