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

Alter link behaviour of OG previews

Browse source
This commit is contained in:
goobertron 2014-01-16 16:59:42 +00:00
parent 3f5838a75f
commit 1dfde65556
3 changed files with 44 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/assets/stylesheets/mobile/mobile.css.scss
View file

@ -1127,23 +1127,25 @@ select#aspect_ids_ {
.opengraph {
width: 100%;
a {
display: block;
text-decoration: none;
color: #000;
margin: 5px 0px 5px 0px;
border-top: solid 1px $border-grey;
border-bottom: solid 1px $border-grey;
padding: 5px 0px 2px 0px;
overflow: hidden;
a {
color: #000;
}
img {
margin: 0px 3px 3px 0px;
margin: 3px 3px 3px 0px;
float: left;
max-width: 80px;
padding-right: 5px;
}
.og-title {
margin-bottom: 3px;
}
font-weight: bold;
}
}

24
app/assets/stylesheets/opengraph.css.scss
View file

@ -1,24 +1,30 @@
.opengraph {
.opengraph-container {
width: 100%;
a {
display: block;
text-decoration: none;;
color: #000;
text-decoration: none;
font-style: normal;
margin: 10px 0px 10px 0px;
border-top: solid 1px $border-grey;
border-bottom: solid 1px $border-grey;
padding: 10px 0px 5px 0px;
overflow: hidden;
a {
color: #000;
img {
margin: 0px 5px 5px 0px;
margin: 5px 5px 5px 0px;
float: left;
max-width: 155px;
max-width: 150px;
padding-right: 5px;
}
.og-title {
margin-bottom: 5px;
font-weight: bold;
}
}
a:hover {
color: $blue;
}
.og-description {
color: $text-grey;
}
}

9
app/assets/templates/opengraph_tpl.jst.hbs
View file

@ -1,11 +1,12 @@
{{#unless o_embed_cache}}
{{#if open_graph_cache}}
<div class="opengraph-container">
<a href="{{open_graph_cache.url}}" target="_blank">
<div>
<img src="{{open_graph_cache.image}}" />
<strong>{{open_graph_cache.title}}</strong>
<p>{{open_graph_cache.description}}</p>
</div>
<p class="og-title">{{open_graph_cache.title}}</p>
</a>
<p class="og-description">{{open_graph_cache.description}}</p>
</div>
{{/if}}
{{/unless}}