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
Change background of form to @neutral100
Bg on form looks too dark - change to the same color as text fields
Make required asterisk red
Make URL single line with ”...”
Today it wraps to a second line.
Add a 2px @300 grey border on hover of controls
“This form is still being created” - change text to “Creating form”
Add hover state to column type switcher
Use grey rec with rounded corners similar to changing column type on regular column format menu popup.
Move colored circle down and to right a pixel or two to look more like a badge.
Make cover photo size and proportion the same as in the doc
EC: Let’s make them the same. Image in this row has a side-by-side comparison with missing height and pixel comparison
Restyle branding on the bottom
Before and after here
Mobile: Add 26px to bottom padding on last column
Change checkbox size to 28px (currently 20px) in form/detail

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.