[FEATURE] New design for module task list

IDEMSInternational / open-app-builder

PLH App Frontend

GNU General Public License v3.0

5 stars 24 forks source link

Open esmeetewinkel opened 8 months ago

esmeetewinkel commented 8 months ago

What? New design for module task list.

Line connecting the icons.
Icon background turns primary theme colour (blue) and icon turns white when a user finished the corresponding task (group).
Icon button not clickable, text button is.

Why? Line connecting the icons emphasises the linear nature of module content (as opposed to current design below)

Requested by PLH Kids deployment, would also apply to PLH Teens in future

esmeetewinkel commented 3 months ago

In a recent iteration, these designs have been update to the below:

Here every task displayed (which is in fact a task group itself) is displayed in one of three ways:

White + tick: completed
Secondary colour + custom icon: lowest index not completed (i.e. "next to complete")
Grey + custom icon (+ potentially disabled): other not completed