mirror of
https://github.com/go-gitea/gitea
synced 2025-12-06 21:08:25 +00:00
eef9406c6b
1. Set a fixed height on the element, preventing the content after the element from shifting on page load. This uses CSS [container query length units](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries#container_query_length_units) as I saw no other way because of the non-linear scaling of the element. 2. Move the "total-contributions" text into the existing vue slot, eliminating the need for absolute positioning. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
13 lines
569 B
Handlebars
13 lines
569 B
Handlebars
{{if .HeatmapData}}
|
|
<div class="activity-heatmap-container">
|
|
<div id="user-heatmap" class="is-loading"
|
|
data-heatmap-data="{{JsonUtils.EncodeToString .HeatmapData}}"
|
|
data-locale-total-contributions="{{ctx.Locale.Tr "heatmap.number_of_contributions_in_the_last_12_months" (ctx.Locale.PrettyNumber .HeatmapTotalContributions)}}"
|
|
data-locale-no-contributions="{{ctx.Locale.Tr "heatmap.no_contributions"}}"
|
|
data-locale-more="{{ctx.Locale.Tr "heatmap.more"}}"
|
|
data-locale-less="{{ctx.Locale.Tr "heatmap.less"}}"
|
|
></div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
{{end}}
|