From f15b7e2172922a265fa95310a00ee3a66fa213ef Mon Sep 17 00:00:00 2001 From: "Jesse C. Fisher" Date: Sat, 26 Oct 2019 04:24:34 -0700 Subject: [PATCH] Improve style of play to beat --- app/assets/stylesheets/game.css.sass | 1 + app/views/tables/_play_to_beat.html.haml | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/game.css.sass b/app/assets/stylesheets/game.css.sass index 20c03a90..7c982e2b 100644 --- a/app/assets/stylesheets/game.css.sass +++ b/app/assets/stylesheets/game.css.sass @@ -111,6 +111,7 @@ ol#cards-to-beat flex-wrap: wrap text-align: center li + position: relative margin-left: -21vmin // Don't offset first card &:first-of-type diff --git a/app/views/tables/_play_to_beat.html.haml b/app/views/tables/_play_to_beat.html.haml index a71fb749..eede81c3 100644 --- a/app/views/tables/_play_to_beat.html.haml +++ b/app/views/tables/_play_to_beat.html.haml @@ -10,8 +10,8 @@ = card.to_s %div= @game.play_to_beat.play.player.display_name %ol#cards-to-beat - - @game.play_to_beat.play.player_cards.each do |card| - %li + - @game.play_to_beat.play.player_cards.reverse.each_with_index do |card, index| + %li{style: "z-index: #{100 - index};"} -# TODO: Don't hard code face cards here %img{alt: card.rank + ' ' + card.suit, src: '/assets/cards/png/' + (card.rank.gsub('J','jack').gsub('Q','queen').gsub('K','king').gsub('A','ace') + '_of_' + card.suit.downcase + 's.png').gsub('11','jack').gsub('12','queen').gsub('13','king').gsub('14','ace').gsub('15','2') }