nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more moz fixes

Browse source
This commit is contained in:
danielgrippi 2012-02-23 13:11:44 -08:00
parent c3c20db8e8
commit 857f51b684
3 changed files with 34 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/javascripts/app/pages/post-viewer.js
View file

@ -56,8 +56,8 @@ app.pages.PostViewer = app.views.Base.extend({
}, },
commentAnywhere : function(evt) { commentAnywhere : function(evt) {
/* ignore enter and space bar */ /* ignore enter, space bar, arrow keys */
if(evt.keyCode == 13 || evt.keyCode == 32) { return } if(_.include([13, 32, 37, 38, 39, 40], evt.keyCode)) { return }
this.interactionsView.invokePane(); this.interactionsView.invokePane();
$('#new-post-comment textarea').focus(); $('#new-post-comment textarea').focus();

8
public/javascripts/app/templates/post-viewer/content/status-with-photo-backdrop.handlebars
View file

@ -1,9 +1,11 @@
{{#each photos}} {{#each photos}}
<div class="photo-fill" style="background-image: url({{sizes.large}})"> <div class="photo-fill" style="background-image: url({{sizes.large}})">
<div class="darken"> <div class="darken">
<h1> <div class="darken-content">
{{{../text}}} <h1>
</h1> {{{../text}}}
</h1>
</div>
</div> </div>
</div> </div>
{{/each}} {{/each}}

38
public/stylesheets/sass/new-templates.scss
View file

@ -136,6 +136,8 @@ $light-grey: #999;
.note-content { .note-content {
width: 550px; width: 550px;
padding-bottom: 50px; padding-bottom: 50px;
display: inline-block;
text-align: left;
p { p {
font-size: 20px; font-size: 20px;
@ -164,31 +166,37 @@ $light-grey: #999;
} }
.darken { .darken {
@include center();
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
display: table;
.darken-content {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 100%;
width: 100%;
}
} }
.post { .post {
@include center(); display: table-cell;
vertical-align: middle;
position: absolute; text-align: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
} }
.photo-fill { .photo-fill {
@include background-cover(); @include background-cover();
position: absolute; position: absolute;
top: 0;
left: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
@ -527,3 +535,11 @@ $light-grey: #999;
} }
} }
} }
#post-content {
display: table;
position: absolute;
height: 100%;
width: 100%;
}