Giters

NigelOToole / progress-tracker

A HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.

Home Page:http://nigelotoole.github.io/progress-tracker/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Background-color with CSS

voc0der opened this issue · comments

commented

Hey there, I love this project! Not being extremely familiar with sass, I tried to do a basic tweak on the demo, adding background-color: gray; to the container class, and found that the entire flex-grow part became hidden.

I searched through the CSS and tweaked it in the console, but I was unable to get it to be visible again. What would be the best way to go around changing the background-color underneath via CSS (or SASS)? Currently I have a hacky solution involving rgba(255,255,255,.6) for example, but that also damages the progress tracker slightly.

commented

Solved it by changing .progress-marker::after z-index to 10 and opacity to .8.

Thanks!