Skip to content
This repository has been archived by the owner on Dec 23, 2017. It is now read-only.

Styling for Schedule A and B data tables #317

Closed
jmcarp opened this issue Jul 6, 2015 · 3 comments
Closed

Styling for Schedule A and B data tables #317

jmcarp opened this issue Jul 6, 2015 · 3 comments

Comments

@jmcarp
Copy link
Contributor

jmcarp commented Jul 6, 2015

Data tables for Schedules A and B are implemented in #302 but need styling work before they can be released, especially for the detail sidebar (which is currently still a modal).

@noahmanger
Copy link
Contributor

Here's a view at the detail sidebar:

contribution view - alt

@noahmanger
Copy link
Contributor

So starting with a full table like this:

table

Hovering over a row highlights it blue

table hover

Clicking anywhere other than the link to the committee name then converts it to a two panel layout, similar to how a two-panel email app works (like Mail on iPad).

table click

In this view you just see the three left-most columns of the table. Clicking "Close" in the upper right closes the right panel and returns to a full table view. Clicking on any other row pulls up that preview.

@noahmanger
Copy link
Contributor

And then on mobile, sticking with the Mail app paradigm, you just this view at first:

mobile 1

And clicking on a row switch the whole thing to the details pane, with the option to go back:

mobile 2

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants