gunghogeoduck/osem-fcy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix styling and layouts in splash view

Browse source
This commit is contained in:
Gopesh Tulsyan 2014-06-20 22:41:18 +05:30
parent cc8299294d
commit 38abcd8902
3 changed files with 32 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/assets/stylesheets/osem.css
View file

@ -99,20 +99,25 @@ body {
background-size: cover; background-size: cover;
-webkit-background-size:cover; -webkit-background-size:cover;
} }
.banner-disp.with-location-background{
#location .with-background {
min-height: 500px; min-height: 500px;
} }
.banner-disp.with-splash-banner{
#splash-banner .with-background{
min-height: 700px; min-height: 700px;
} }
.location-links li{ .location-links li{
display: inline-block; display: inline-block;
margin-right: 2em; margin-right: 2em;
} }
.banner-text{ .banner-text{
padding-top: 10%; padding-top: 10%;
color: #fff; color: #fff;
} }
.pad{ .pad{
padding-top: 35px; padding-top: 35px;
padding-bottom: 35px; padding-bottom: 35px;

2
app/views/conference/_location.html.haml
View file

@ -3,7 +3,7 @@
%a{ href: '#location' } Location %a{ href: '#location' } Location
%div.banner-disp{ style: ("background-image: url(#{@conference.venue.photo})" unless @conference.venue.photo.blank?), class:('with-location-background' unless @conference.venue.photo.blank?) } %div.banner-disp{ style: ("background-image: url(#{@conference.venue.photo})" unless @conference.venue.photo.blank?), class:('with-background' unless @conference.venue.photo.blank?) }
%div.container.text-center %div.container.text-center
.div.row.col-md-12 .div.row.col-md-12
- unless @conference.venue.name.blank? - unless @conference.venue.name.blank?

2
app/views/conference/show.html.haml
View file

@ -3,7 +3,7 @@
= content_for :splash do = content_for :splash do
- if @conference.include_banner_in_splash? - if @conference.include_banner_in_splash?
%section{ id: 'splash-banner' } %section{ id: 'splash-banner' }
%div.banner-disp{ style: ("background-image: url(#{@conference.banner_photo})" unless @conference.banner_photo.blank?), class:('with-splash-banner' unless @conference.banner_photo.blank?) } %div.banner-disp{ style: ("background-image: url(#{@conference.banner_photo})" unless @conference.banner_photo.blank?), class:('with-background' unless @conference.banner_photo.blank?) }
%div.container.text-center.banner-text %div.container.text-center.banner-text
.row.col-md-12 .row.col-md-12
%h1 %h1