christopherbot / botghani-notepad

A React-Native notepad app
1 stars 0 forks source link

Add ability to toggle notes section of all cards open and closed #224

Open christopherbot opened 5 years ago

christopherbot commented 5 years ago

It may be desirable for the user to be able to toggle whether the notes are displayed for each item. For example, if they simply want to see the items in a more compact manor, they should be able to click a button to collapse the cards into a more compressed state.

christopherbot commented 5 years ago

Some more thoughts here:

Compact view (only list items are displayed, not their notes):

GROCERIES   [ (C) D ]
+-------------------+
| Apples        [ ] |
+-------------------+
| Oranges       [ ] |
+-------------------+
| Pears         [ ] |
+-------------------+
| Grapes        [ ] |
+-------------------+

Detailed view (list items with their notes):

GROCERIES   [ C (D) ]
+-------------------+
| Apples        [ ] |
| 4 Honeycrisp      |
| 4 Gala            |
+-------------------+
| Oranges       [ ] |
| 2                 |
+-------------------+
| Pears         [ ] |
+-------------------+
| Grapes        [ ] |
| Red AND green     |
| 2 of each         |
+-------------------+

What if long-pressing on a card when in the compact view made just that card pop out in the detailed view for as long as the press is held?

GROCERIES   [ (C) D ]                GROCERIES   [ (C) D ]
+-------------------+               +---------------------+
| Apples        [ ] | <- Long Press | Apples          [ ] |
+-------------------+               | 4 Honeycrisp        |
| Oranges       [ ] |               | 4 Gala              |
+-------------------+               +---------------------+
| Pears         [ ] |                | Pears         [ ] |
+-------------------+                +-------------------+
| Grapes        [ ] |                | Grapes        [ ] |
+-------------------+                +-------------------+