Skip to content

DEV - Update Search, Filters, Text fields and Tooltips #2058

@krystalphn

Description

@krystalphn

Overview

We need to implement changes on the search and filters modal so that all text fields are readable and consistent with each other.

More Info

We are modifying the drop down and search bar modals according to design tickets:

Action Items

  • Report to assigned tickets
  • On search modal, add a divider / vertical line between the "Filter" section and "Search by address" sub-section.

Resources/Instructions

Screenshot from before proposed changes

Live (ticket #1978)

Image

Ticket #2007

Image

Screenshot of Figma

High level overview

Image

Close up of horizontal bar

Image

Horizontal Bar (Annotated in green)

Image

Screenshot of new feature from localhost

[insert screenshot here]

Metadata

Metadata

Assignees

No one assigned

    Labels

    Complexity: MissingThis ticket needs a complexity (good first issue, small, medium, or large)Role: FrontendReact front end workfeature: design systemissues related to design systems, iconography, typography, sizing, shading, templates, etcp-feature: Search/Filter Modalassociated with the Search/Filter Modal for public interaction/viewingready for dev leadready for developer lead to review the issuesize: Missingmissing the appropriate size that indicates the time/hours it will take to complete

    Type

    No type

    Projects

    Status

    New Issue Approval

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions