Chapter List Page Issues

[mschanteltc]

• There is no outline of inactive Chapter cards. Make sure there is still a shadow to each card. Do not decrease its opacity.
• The description gets cut off after the fourth line. Since the Chapter description is not available elsewhere, make sure the full description is visible.
• Update the inactive Chapter cards to blur thumbnails and hide descriptions (mock)

[viktoriias]

I would like to work on this.

[anandwana001]

@mschanteltc Regarding the second and the third point we only need description in the active card and for the inactive card, the description should not be visible, right?

The tasks we need to do on this issue:

1. We need elevation to the inactive cards
2. Full description should be visible
3. Inactive card should not have a description

[viktoriias]

Ok, I found "Matthew Goes to Bakery" screen. Do I need to blur thumbnails, like shown in the mock?

[mschanteltc]

The tasks that need to be done are:

• Elevate the inactive cards
• Full description of active cards should show full description.
• Inactive cards should be at full opacity
• Inactive cards should show Chapter name and description should show prerequisites to unlock it.
• Blur thumbnails of inactive cards

[viktoriias]

I imagine I'd need a new image to blur inactive cards?

[mschanteltc]

I imagine I'd need a new image to blur inactive cards?

For inactive cards, you would need the lock icon and to blur out the card's thumbnail image. Blur it by overlaying a container that is the exact color of the thumbnail's background, drop the opacity to 50%, and apply a blur.

[viktoriias]

I will be working on a second part of this issue - blurring and locking the image.

[viktoriias]

I imagine I'd need a new image to blur inactive cards?

For inactive cards, you would need the lock icon and to blur out the card's thumbnail image. Blur it by overlaying a container that is the exact color of the thumbnail's background, drop the opacity to 50%, and apply a blur.

@mschanteltc What if background is white? Wouldn't it make the lock less visible?

[rt4914]

I imagine I'd need a new image to blur inactive cards?

For inactive cards, you would need the lock icon and to blur out the card's thumbnail image. Blur it by overlaying a container that is the exact color of the thumbnail's background, drop the opacity to 50%, and apply a blur.

@mschanteltc What if background is white? Wouldn't it make the lock less visible?

@viktoriias Background won't be white in production app. It will contain an image always.