diff options
| -rw-r--r-- | web/source/css/status.css | 4 | ||||
| -rw-r--r-- | web/template/status_info.tmpl | 29 |
2 files changed, 32 insertions, 1 deletions
diff --git a/web/source/css/status.css b/web/source/css/status.css index 5938919f5..4b2d7e2a7 100644 --- a/web/source/css/status.css +++ b/web/source/css/status.css @@ -448,6 +448,10 @@ main { gap: 0.4rem; } + .stats-item.published-at { + text-decoration: underline; + } + .stats-item:not(.published-at):not(.edited-at) { z-index: 1; user-select: none; diff --git a/web/template/status_info.tmpl b/web/template/status_info.tmpl index 194a799f5..5d26811d7 100644 --- a/web/template/status_info.tmpl +++ b/web/template/status_info.tmpl @@ -17,9 +17,36 @@ // along with this program. If not, see <http://www.gnu.org/licenses/>. */ -}} +{{- define "visibility_icon" -}} + {{- if eq .Visibility "public" -}} + globe + {{- else if eq .Visibility "unlisted" -}} + unlock + {{- else -}} + question + {{- end -}} +{{- end -}} + +{{- define "visibility_title" -}} + {{- if eq .Visibility "public" -}} + Public + {{- else if eq .Visibility "unlisted" -}} + Unlisted + {{- else -}} + Unknown + {{- end -}} +{{- end -}} + {{- with . }} <dl class="status-stats"> <div class="stats-grouping"> + <div class="stats-item visibility-level" title="{{- template "visibility_title" . -}}"> + <dt class="sr-only">Visibility</dt> + <dd> + <i class="fa fa-{{- template "visibility_icon" . -}}" aria-hidden="true"></i> + <span class="sr-only">{{- template "visibility_title" . -}}</span> + </dd> + </div> <div class="stats-item published-at text-cutoff"> <dt class="sr-only">Published</dt> <dd> @@ -30,7 +57,7 @@ <div class="stats-item edited-at text-cutoff"> <dt class="sr-only">Edited</dt> <dd> - (edited <time class="dt-updated" datetime="{{- .EditedAt -}}">{{- .EditedAt | timestampPrecise -}}</time>) + edited <time class="dt-updated" datetime="{{- .EditedAt -}}">{{- .EditedAt | timestampPrecise -}}</time> </dd> </div> {{ end }} |