IgorMinar/Memory-Game — pull request #2 by gamebox (2012-07-31 02:13:22+00:00)
Title: Card back isssue fix

I don't know if this was an issue only I was experiencing(Chrome 20(stable), Linux), but backside-visibility did not have the intended effect and also due to the ordering of the .front and .back divs, the reverse of the back (or really front) of the card was visible and the "back" image was not. Needless to say, made for quite the easy game!

I made a simple change to app.css giving the .back div on .flipped card have a higher z-index than the "front". This does have one side effect however. The front of the card is shown, and then flipped. But still quite a better experience than before. Have mercy, I only spent five minutes looking at this.

I also was attempting to change when the two cards were flipped back over when there was a wrong guess, but it appears that the change in state for Card.isFlipped did not propogate before the cards were being flipped again. So I left it alone for now. Maybe a $timeout would be appropriate? I don't think leaving the two previously selected cards up until a new card(that's not flipped) is very nice from a UI perspective.