pouchdb / pouchdb-fauxton

Fork of CouchDB Fauxton for PouchDB Server
Apache License 2.0
6 stars 7 forks source link

Document ui patterns that can be merged into own components. #14

Open NickColley opened 9 years ago

NickColley commented 9 years ago

Fauxton doesn't do strict modular CSS I'm going to document some of these instances, then we can build a styleguide of the most common components and start refactoring the UI.

Tabs

http://localhost:8000/#/activetasks

image

http://localhost:8000/#/database/_replicator/_changes

image

Buttons

http://localhost:8000/#database/newdatabase/compact

image

image

http://localhost:8000/#/replication

image

image

image

image

Outlined buttons

http://localhost:8000/#/_all_dbs

image

Popovers

image

image

image

Note the shadow/color differences here.

Forms

input[type="text"]

image

image

image

image

input[type="checkbox"]

image

input[type="radio"]

image

select

image

image

image

Will update as I go.

NickColley commented 9 years ago

Spacing

Section on places where better spacing/whitespace would make the UI more consistent. Most of these can be fixed by using consistent variables or grid systems.

http://localhost:8000/#/_all_dbs

image

image

image

image

http://localhost:8000/#/replication

image

michellephung commented 8 years ago

I am going to ping you next week. I hope you are not busy.

NickColley commented 8 years ago

@michellephung don't worry, that should be great.