githaven/web_src/less/features/heatmap.less
silverwind 12c2efb45c
Remove fetch request from heatmap (#13623)
* Remove fetch request from heatmap

Render heatmap data directly to HTML, eliminating one HTTP request on
frontpage and user profile. Also added min-height to the container so
the page content will no longer move after loading.

* rename and error display

* also log the js error

* add error handler

* remove useless inline style and hide divider on small screens

* Update routers/user/home.go

* Update routers/user/profile.go
2020-11-18 16:00:16 -06:00

51 lines
746 B
Plaintext

#user-heatmap {
width: 100%;
text-align: center;
position: relative;
min-height: 125px;
display: flex;
align-items: center;
justify-content: center;
svg:not(:root) {
overflow: inherit;
padding: 0 !important;
}
text {
fill: currentColor !important;
}
@media @mediaLgAndDown {
&,
& + .divider {
display: none;
}
}
.total-contributions {
font-size: 11px;
position: absolute;
bottom: 0;
left: 25px;
}
@media @mediaLgAndDown {
.total-contributions {
left: 21px;
}
}
@media (max-width: 1000px) {
.total-contributions {
font-size: 10px;
left: 17px;
bottom: -2px;
}
}
}
.user.profile #user-heatmap {
min-height: 135px;
}