Browse files

Always expand the cover photo (on iOS too) because it looks better.

Conflicts:
	STYL/UI/App/Details.styl
  • Loading branch information...
1 parent 9fa9aa8 commit 1b3363fa1d85b1423649cd5caf6f5f263fdd6231 @cpojer cpojer committed Nov 14, 2012
Showing with 10 additions and 30 deletions.
  1. +1 −1 JavaScript/Templates.js
  2. +8 −28 STYL/UI/App/Details.styl
  3. +1 −1 Templates/detail.handlebars
View
2 JavaScript/Templates.js
@@ -85,7 +85,7 @@ templates['detail'] = template(function (Handlebars,depth0,helpers,partials,data
function program1(depth0,data) {
- return " with-thumbnail";}
+ return " with-image";}
function program3(depth0,data) {
View
36 STYL/UI/App/Details.styl
@@ -74,26 +74,26 @@ div.detail
height 250px
background #fff
- &.with-thumbnail, &.with-image
- height 130px
+ &.with-image
+ height 270px
padding 0
div.cover-photo
position absolute
+ top 0
left 0
right 0
- top -210px
- height 340px
- background-size 400px 400px
- background-position center -50%
+ height 270px
+ background-size 400px
+ background-position center -30px
background-repeat no-repeat
div.gradient
position absolute
left 0
right 0
- top -70px
- height 200px
+ bottom 0
+ height 270px
background-image linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 0.6) 100%)
div.detail-inner
@@ -105,23 +105,3 @@ div.detail
h1, span
color #fff
text-shadow 0 1px 0 #000
-
- &.with-image
- height 270px
-
- div.cover-photo
- position absolute
- top 0
- left 0
- right 0
- height 270px
- background-size 400px
- background-position center -30px
- background-repeat no-repeat
-
- div.gradient
- height 270px
- top auto
- bottom 0
-
-
View
2 Templates/detail.handlebars
@@ -1,5 +1,5 @@
<div class="detailView">
- <div class="detail expand{{#if thumbnail}} with-thumbnail{{/if}}">
+ <div class="detail expand{{#if thumbnail}} with-image{{/if}}">
{{#if thumbnail}}
<div class="cover-photo" style="background-image: url({{{image thumbnail}}});"></div>
<div class="cover-photo" style="background-image: url({{{image image}}});"></div>

0 comments on commit 1b3363f

Please sign in to comment.