Browse Source

style tweak

master
jk 4 years ago
parent
commit
443e006a23
  1. 4
      themes/nipponalba/layouts/partials/webmention.html
  2. 8
      themes/nipponalba/static/css/style.css

4
themes/nipponalba/layouts/partials/webmention.html

@ -1,12 +1,12 @@
{{ range sort . "date" "asc" }}
<br/>
{{ if eq .mention_type "mention" }}
<div class="mention interaction"><div class="intactivity"><a href="{{ .author.url }}"><img class="remote_profile" src="{{ .author.photo_url }}" /></a><a href="{{ .author.url }}">{{ .author.name }}</a> mentioned this post in <a href="{{ .url }}">the post {{ .title }}</a></div>
<div class="mention interaction"><div class="remote_profile"><a href="{{ .author.url }}"><img src="{{ .author.photo_url }}" /></a></div><div class="intactivity"><a href="{{ .author.url }}">{{ .author.name }}</a> mentioned this post in <a href="{{ .url }}">the post {{ .title }}</a></div>
<div class="intcontent">{{ .content | safeHTML }}</div><br/>
<time>{{ dateFormat "02/01/2006 15:04 GMT" ( time .date ) }}</time></div>
{{ end }}
{{ if eq .mention_type "reply" }}
<div class="reply interaction"><div class="intactivity"><a href="{{ .author.url }}"><img class="remote_profile" src="{{ .author.photo_url }}" /></a><a href="{{ .author.url }}">{{ .author.name }}</a> replied to this post <a href="{{ .url }}">here</a><br/></div>
<div class="reply interaction"><div class="remote_profile"><a href="{{ .author.url }}"><img src="{{ .author.photo_url }}" /></a></div><div class="intactivity"><a href="{{ .author.url }}">{{ .author.name }}</a> replied to this post <a href="{{ .url }}">here</a><br/></div>
<div class="intcontent">{{ .content | safeHTML }}</div><br/>
<time>{{ dateFormat "02/01/2006 15:04 GMT" ( time .date ) }}</time></div>
{{ end }}

8
themes/nipponalba/static/css/style.css

@ -484,14 +484,18 @@ width:100%
padding: 0 0 200px 0;
}
.webmentions .remote_profile{
height: 100%;
width: 70px;
display:inline-block;
}
.webmentions .remote_profile img{
width: 50px;
border-radius: 50%;
display:inline-block;
display:inline;
float:left;
vertical-align:top;
border:0;
padding:0;
height: 100%;
}
.webmentions .interaction{
border:1px dotted var(--text-colour);