hackforla / hackforla/311-data

DEV - Update Search, Filters, Text fields and Tooltips

Open
#2,058 0 comments 0 reactions 0 assignees View on GitHub
Complexity: Missing feature: design system p-feature: Search/Filter Modal ready for dev lead Role: Frontend size: Missing
Dominant language
JavaScript
Stars
73
Forks
74
PR merge metrics
No merged PRs in 30d

Description

### 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:
- #1978
- #2007

### 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

- Figma Section: [Final selection](https://www.figma.com/design/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=20049-1361&t=YjvUfOxjntBDTfM2-0)
- Related Design Ticket: #2007 and #1978

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]

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.