Add pop up modal for sponsor

This commit is contained in:
Aditya Prakash 2016-04-20 13:35:49 +05:30
parent af08d843a8
commit 8da80f28e2
2 changed files with 21 additions and 3 deletions

View file

@ -89,10 +89,11 @@
}
}
}
#sponsors {
.img-sponsor {
max-height: 100px;
margin: 2% auto;
}
.img-sponsor-1 {
max-height: 200px;

View file

@ -14,8 +14,25 @@
.row
- slice.each do |sponsor|
.col-md-4.col-sm-4.col-top
= link_to(sponsor.website_url, class: 'thumbnail') do
= image_tag get_logo(sponsor), class: "img-responsive img-sponsor img-sponsor-#{sponsorship_level.position}", title: "#{sponsor.description}"
%a{ href: '#', data: { toggle: 'modal', target: "#modal_#{sponsor.id}" } }
= image_tag get_logo(sponsor), class: "img-responsive img-sponsor img-sponsor-#{sponsorship_level.position}"
%div.modal.fade{ id: "modal_#{sponsor.id}" }
.modal-dialog
.modal-content
.modal-header
%button.close{ data: { dismiss: 'modal' } }
x
.modal-title
= sponsor.name
.modal-body.text-center
.logo
= link_to sponsor.website_url, target: '_blank' do
= image_tag get_logo(sponsor), class: "img-responsive img-sponsor img-sponsor-#{sponsorship_level.position}"
.description
= sponsor.description
.modal-footer
= link_to nil, "#{sponsor.website_url}", target: '_blank'
-if @conference.contact and !@conference.contact.sponsor_email.blank?
.row
.col-md-12