search

OperationCode / operationcode_frontend

Front-end repository for live site. Please go to `front-end` repo to contribute instead.
https://operationcode.org
MIT License
101 stars 222 forks source link

MOOC Cards are indiscernible from the background on '/code_schools' #897

Closed kylemh closed 6 years ago

kylemh commented 6 years ago

Bug Report

What is the current behavior?

The ImageCards under the MOOCs section of /code_schools have a white background, and are indiscernible from the section background.

What is the expected behavior?

The ImageCards under the MOOCs section of /code_schools should have a beige background.

What steps did you take to get this behavior?

Visit https://operationcode.org/code_schools and scrolled down to MOOCs section

Additional Info

Operating System

Mac OS latest

Browser

Chrome latest

Screenshots

screen shot 2018-03-10 at 10 49 06 am
apex-omontgomery commented 6 years ago

Started working on this. Cannot override the color in moocCards.js the color is set to #FFF in the imageCard.js. Will need to change the ImageCard component to accept an optional color prop that defaults to white.

apex-omontgomery commented 6 years ago

Letting Allen take this one, he's got it done with a style that matches the rest of the page (not beige).

AllenAnthes commented 6 years ago

Stealing this with permission from wimo.

@kylemh are you sure it's the background color that needs to change? To me it looks like it was just missing the shadow-style/hover effect.

image