From 1e518cbcff213e265adfecb2d0eee57960d7710a Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Mon, 27 Feb 2012 18:50:33 -0800
Subject: [PATCH] fix media view
---
.../post-viewer/content/rich-media.handlebars | 10 +++---
public/stylesheets/sass/new-templates.scss | 31 +++++++++++++++++--
2 files changed, 35 insertions(+), 6 deletions(-)
diff --git a/public/javascripts/app/templates/post-viewer/content/rich-media.handlebars b/public/javascripts/app/templates/post-viewer/content/rich-media.handlebars
index a45da82b28..02aaa7c8e0 100644
--- a/public/javascripts/app/templates/post-viewer/content/rich-media.handlebars
+++ b/public/javascripts/app/templates/post-viewer/content/rich-media.handlebars
@@ -1,9 +1,11 @@
<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>
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index acc3675260..9b838ad283 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/public/stylesheets/sass/new-templates.scss
@@ -91,6 +91,11 @@ $pane-width: 420px;
@include box-shadow(0, 3px, 15px, #999);
}
+@mixin media-text() {
+ font-weight: bold;
+ font-size: 20px;
+}
+
/* keyframes */
@-webkit-keyframes bump-left {
@@ -147,8 +152,7 @@ $pane-width: 420px;
display: table;
p {
- font-weight: bold;
- font-size: 20px;
+ @include media-text();
}
.img-bounding-box {
@@ -278,11 +282,23 @@ $pane-width: 420px;
}
.rich-media {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+
text-align: center;
background-color: #333;
p {
+ @include media-text();
color: #999;
+
+ a {
+ font-weight: normal;
+ font-size: smaller;
+ }
}
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 {
@include transition(opacity, 0.5s);
@include opacity(1);
--
GitLab