18F / crt-django

Moved to usdoj-crt/crt-portal
https://github.com/usdoj-crt/crt-portal
0 stars 2 forks source link

CRT View: Complaint Intake Table #65

Open AvivaOskow opened 5 years ago

AvivaOskow commented 5 years ago

UPDATED 2/25

1-View All Copy 4.png

TYPOGRAPHY

✂️✂️✂️[COPY & PASTE DOC] (https://docs.google.com/document/d/19N33lk_MRDiitfOv6BSBHJCSbEexIMNWPzEkj2myrJ8/edit)✂️✂️✂️

1-typography.png

STRUCTURE

See doc for more details Structure.png

[A] Header

header.png

[B] Pre-table stuff (filters)

Open area spacing.png

[c] Table header

Structure Copy.png

FILTERS

1-View All Copy 9.png

Group 7.png

Future

Based on what we've heard are the most common filters, here's how I'd revise the design: 1-View All Copy 10.png

More filters button Design could also be used as a more advanced proform or for editing Complaint details Copy.png

Jacklynn commented 4 years ago

Previous

Viewall-screensize.png

OLD

[LATEST] CRT view all.png

Styles

Table headings: font-family: PublicSans-Bold; font-size: 12px; color: #171717; line-height: 25.92px; text-transform: uppercase;

Table body copy:
font-family: PublicSans-Regular; font-size: 14px; color: #171717; line-height: 22px;

Table background: background: #FFFFFF; box-shadow: 0 1px 6px 2px rgba(0,0,0,0.14);

Page background: #F6F6F2