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:
parent
cecc18420d
commit
70b513b8db
2 changed files with 18 additions and 13 deletions
|
@ -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" . }}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue