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

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

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 d7321c3e56
2 changed files with 18 additions and 13 deletions

View file

@ -75,14 +75,6 @@
</form>
</li>
{{ 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>
<button
class="page-button"
@ -173,6 +165,14 @@
{{ end }}
</div>
{{ 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">
{{ if .user }}
<time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed $.user.Timezone .entry.Date }}</time>
@ -276,7 +276,6 @@
</details>
{{ end }}
{{ if .user }}
<div class="pagination-entry-bottom">
{{ template "entry_pagination" . }}

View file

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