mirror of https://github.com/go-gitea/gitea.git
Add non-JS fallback for reaction tooltips (#28785)
When JavaScript is not loaded, fall back to displaying reaction tooltips with the default browser `title` attribute. An element with a present but empty `data-tooltip-content` will use the `title` attribute for its tippy.js tooltip content, so when JavaScript is enabled, this functions the same as the current behavior.
This commit is contained in:
parent
3f342d6dff
commit
e5313248a8
|
@ -2,7 +2,9 @@
|
||||||
{{range $key, $value := .Reactions}}
|
{{range $key, $value := .Reactions}}
|
||||||
{{$hasReacted := $value.HasUser $.ctxData.SignedUserID}}
|
{{$hasReacted := $value.HasUser $.ctxData.SignedUserID}}
|
||||||
<a role="button" class="ui label basic{{if $hasReacted}} primary{{end}}{{if not $.ctxData.IsSigned}} disabled{{end}} comment-reaction-button"
|
<a role="button" class="ui label basic{{if $hasReacted}} primary{{end}}{{if not $.ctxData.IsSigned}} disabled{{end}} comment-reaction-button"
|
||||||
data-tooltip-content="{{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
data-tooltip-content
|
||||||
|
title="{{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
||||||
|
aria-label="{{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
||||||
data-tooltip-placement="bottom-start"
|
data-tooltip-placement="bottom-start"
|
||||||
data-reaction-content="{{$key}}" data-has-reacted="{{$hasReacted}}">
|
data-reaction-content="{{$key}}" data-has-reacted="{{$hasReacted}}">
|
||||||
<span class="reaction">{{ReactionToEmoji $key}}</span>
|
<span class="reaction">{{ReactionToEmoji $key}}</span>
|
||||||
|
|
Loading…
Reference in New Issue