diff --git a/app/assets/stylesheets/mobile.css.scss b/app/assets/stylesheets/mobile.css.scss index 962dbee37..9c182fce1 100644 --- a/app/assets/stylesheets/mobile.css.scss +++ b/app/assets/stylesheets/mobile.css.scss @@ -1243,3 +1243,25 @@ input#q.search { #content { font-size: 13px !important; } + +.opengraph { + width: 100%; + a { + display: block; + text-decoration: none; + color: #000; + margin: 5px 0px 5px 0px; + border-top: solid 1px #DDD; + border-bottom: solid 1px #DDD; + padding: 5px 0px 2px 0px; + overflow: hidden; + img { + margin: 0px 3px 3px 0px; + float: left; + max-width: 80px; + } + .og-title { + margin-bottom: 3px; + } + } +} diff --git a/app/views/status_messages/_status_message.mobile.haml b/app/views/status_messages/_status_message.mobile.haml index f28f9bc04..d9d6919b1 100644 --- a/app/views/status_messages/_status_message.mobile.haml +++ b/app/views/status_messages/_status_message.mobile.haml @@ -16,3 +16,7 @@ %div{:class => direction_for(post.text)} != markdownify(post) + -if post.open_graph_cache + .opengraph + != og_html post.open_graph_cache +