oss/miniflux-v2
oss/miniflux-v2
1
0
Fork 0
mirror of https://github.com/miniflux/v2.git synced 2025-06-27 16:36:00 +00:00
Code Wiki Activity

feat(ui): display external URL in single entry view

Browse source 
Display the article's external URL directly in the single entry view.

Rationale: On mobile devices, users couldn't see where a link pointed before tapping it.
Previously, the only way to view the external URL was by hovering - an action not available on touch devices.
This commit is contained in:
Frédéric Guillot 2025-06-09 21:06:29 -07:00
parent cecc18420d
commit 70b513b8db
2 changed files with 18 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

17
internal/template/templates/views/entry.html
View file

@ -75,14 +75,6 @@
</form> </form>
</li> </li>
{{ end }} {{ end }}
<li>
<a href="{{ .entry.URL | safeURL }}"
class="page-link"
{{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ end }}
rel="noopener noreferrer"
referrerpolicy="no-referrer"
data-original-link="{{ .user.MarkReadOnView }}">{{ icon "external-link" }}<span class="icon-label">{{ t "entry.external_link.label" }}</span></a>
</li>
<li> <li>
<button <button
class="page-button" class="page-button"
@ -173,6 +165,14 @@
{{ end }} {{ end }}
</div> </div>
{{ end }} {{ end }}
<div class="entry-external-link">
<a
href="{{ .entry.URL | safeURL }}"
{{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ end }}
rel="noopener noreferrer"
referrerpolicy="no-referrer"
data-original-link="{{ $.user.MarkReadOnView }}">{{ .entry.URL }}</span></a>
</div>
<div class="entry-date"> <div class="entry-date">
{{ if .user }} {{ if .user }}
<time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed $.user.Timezone .entry.Date }}</time> <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed $.user.Timezone .entry.Date }}</time>
@ -276,7 +276,6 @@
</details> </details>
{{ end }} {{ end }}
{{ if .user }} {{ if .user }}
<div class="pagination-entry-bottom"> <div class="pagination-entry-bottom">
{{ template "entry_pagination" . }} {{ template "entry_pagination" . }}

6
internal/ui/static/css/common.css
View file

@ -1227,6 +1227,12 @@ details.entry-enclosures {
max-width: 100%; max-width: 100%;
} }
.entry-external-link {
font-size: 0.8em;
margin-top: 10px;
margin-bottom: 10px;
}
/* Confirmation */ /* Confirmation */
.confirm { .confirm {
font-weight: 500; font-weight: 500;