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

fix media view

Browse source
This commit is contained in:
danielgrippi 2012-02-27 18:50:33 -08:00
parent 81de530ce3
commit 1e518cbcff
2 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/javascripts/app/templates/post-viewer/content/rich-media.handlebars
View file

@ -1,9 +1,11 @@
<div class="rich-media-container"> <div class="rich-media-container">
<div class="rich-media-container2">
{{{o_embed_cache.data.html}}} {{{o_embed_cache.data.html}}}
<br> <br>
<br> <br>
{{{text}}} {{{text}}}
</div>
</div> </div>

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

@ -91,6 +91,11 @@ $pane-width: 420px;
@include box-shadow(0, 3px, 15px, #999); @include box-shadow(0, 3px, 15px, #999);
} }
@mixin media-text() {
font-weight: bold;
font-size: 20px;
}
/* keyframes */ /* keyframes */
@-webkit-keyframes bump-left { @-webkit-keyframes bump-left {
@ -147,8 +152,7 @@ $pane-width: 420px;
display: table; display: table;
p { p {
font-weight: bold; @include media-text();
font-size: 20px;
} }
.img-bounding-box { .img-bounding-box {
@ -278,11 +282,23 @@ $pane-width: 420px;
} }
.rich-media { .rich-media {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
text-align: center; text-align: center;
background-color: #333; background-color: #333;
p { p {
@include media-text();
color: #999; color: #999;
a {
font-weight: normal;
font-size: smaller;
}
} }
iframe { iframe {
@ -293,6 +309,17 @@ $pane-width: 420px;
} }
} }
.rich-media-container {
display: table;
height: 100%;
width: 100%;
}
.rich-media-container2 {
display: table-cell;
vertical-align: middle;
}
#post-nav { #post-nav {
@include transition(opacity, 0.5s); @include transition(opacity, 0.5s);
@include opacity(1); @include opacity(1);