Gallery
DesignOps with Coda
Share
Explore
Examples

icon picker
Task tracker

One of the most common scenarios in Coda is task tracking. Its' flexible and you can vary the fields by the project, create charts or separate views that filter out some information. Below is a sample visual nits tracker I create toward the end of a project.
Design nits
Priority
Task
Assigned to
Notes
Image URL
Status
P1
Change background of form to @neutral100
Alex DeNeui
Bg on form looks too dark - change to the same color as text fields
In Progress
Make required asterisk red
Alan Fang
Needs Design
P2
Make URL single line with ”...”
Jonathan Goldman
Today it wraps to a second line.
Not Started
Add a 2px @300 grey border on hover of controls
Filipe Fortes
In Progress
“This form is still being created” - change text to “Creating form”
Alan Fang
In Progress
Add hover state to column type switcher
Alan Fang
Use grey rec with rounded corners similar to changing column type on regular column format menu popup.
Not Started
Move colored circle down and to right a pixel or two to look more like a badge.
Jonathan Goldman
Done
Make cover photo size and proportion the same as in the doc
Jonathan Goldman
EC: Let’s make them the same. Image in this row has a side-by-side comparison with missing height and pixel comparison
In Progress
Restyle branding on the bottom
Alan Fang
Before and after here
Done
Mobile: Add 26px to bottom padding on last column
Jonathan Goldman
Not Started
Change checkbox size to 28px (currently 20px) in form/detail
Alex DeNeui
Done

Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.