1c03f0a07a
* Use approx number for points & comments * Hide comments when limited on horizontal space * Abbreviate "points" to "pts" when limited on horizontal space * Don't let domain wrap
29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
{{ template "widget-base.html" . }}
|
|
|
|
{{ define "widget-content-classes" }}widget-content-frameless{{ end }}
|
|
|
|
{{ define "widget-content" }}
|
|
<div class="cards-vertical">
|
|
{{ range .Posts }}
|
|
<div class="widget-content-frame relative">
|
|
{{ if ne "" .ThumbnailUrl }}
|
|
<div class="reddit-card-thumbnail-container">
|
|
<img class="reddit-card-thumbnail" loading="lazy" src="{{ .ThumbnailUrl }}" alt="">
|
|
</div>
|
|
{{ end }}
|
|
<div class="padding-widget relative">
|
|
{{ if ne "" .TargetUrl }}
|
|
<a class="color-highlight size-h5 text-truncate visited-indicator block" href="{{ .TargetUrl }}" target="_blank" rel="noreferrer">{{ .TargetUrlDomain }}</a>
|
|
{{ else }}
|
|
<div class="color-highlight size-h5 text-truncate">/r/{{ $.Subreddit }}</div>
|
|
{{ end }}
|
|
<a href="{{ .DiscussionUrl }}" class="text-truncate-3-lines color-primary-if-not-visited margin-top-7" target="_blank" rel="noreferrer">{{ .Title }}</a>
|
|
<ul class="list-horizontal-text margin-top-7">
|
|
<li {{ dynamicRelativeTimeAttrs .TimePosted }}></li>
|
|
<li>{{ .Score | formatApproxNumber }} points</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|