diff --git a/app/assets/stylesheets/_application.scss b/app/assets/stylesheets/_application.scss index 6efbf97..27b6ac3 100644 --- a/app/assets/stylesheets/_application.scss +++ b/app/assets/stylesheets/_application.scss @@ -1748,19 +1748,30 @@ html[data-lingua-franca-example="html"] { overflow: hidden; } + .workshop-link { + position: static; + + @include before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0 + } + @include after { + display: none; + } + } + > li { + position: relative; margin-bottom: 1em; border: 0.2em solid; @include _(border-radius, 0.25em); - - > a { - display: block; - color: inherit; - - @include after { - display: none; - } - } + @include _(transition, box-shadow 250ms ease-in-out); + will-change: box-shadow; ul { padding-left: 2.5em; diff --git a/app/views/workshops/_workshop_previews.html.haml b/app/views/workshops/_workshop_previews.html.haml index 03ce6a7..da07ecd 100644 --- a/app/views/workshops/_workshop_previews.html.haml +++ b/app/views/workshops/_workshop_previews.html.haml @@ -2,11 +2,11 @@ - workshops.sort_by{ |w| w.title.downcase }.each do |w| - is_interested = w.interested?(current_user) %li{class: [is_interested ? :interested : nil]} - = link_to view_workshop_path(w.conference.slug, w.id) do + = link_to view_workshop_path(w.conference.slug, w.id), class: 'workshop-link' do %h4.title=w.title - .workshop-interest - - if is_interested - =_'articles.workshops.info.you_are_interested_count', "You and #{w.interested_count - 1} others are interested in this workshop", :vars => {:count => (w.interested_count - 1)} - - elsif w.interested_count > 0 - =_'articles.workshops.info.interested_count', "#{w.interested_count} people are interested in this workshop", :vars => {:count => w.interested_count} - .workshop-description=w.info.html_safe + .workshop-interest + - if is_interested + =_'articles.workshops.info.you_are_interested_count', "You and #{w.interested_count - 1} others are interested in this workshop", :vars => {:count => (w.interested_count - 1)} + - elsif w.interested_count > 0 + =_'articles.workshops.info.interested_count', "#{w.interested_count} people are interested in this workshop", :vars => {:count => w.interested_count} + .workshop-description=w.info.html_safe