mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2026-05-13 22:40:24 +00:00
6b75654cc2
Related issue: https://codeberg.org/forgejo/forgejo/issues/8581 This should be a nice first step towards RTL support. Future PRs can look at updating the tailwind classes, changing some of the icons (arrow left might need to become arrow right in some cases for example, and updating the template files) Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/12491 Reviewed-by: 0ko <0ko@noreply.codeberg.org>
58 lines
1.3 KiB
CSS
58 lines
1.3 KiB
CSS
#user-heatmap {
|
|
width: 100%;
|
|
font-size: 9px;
|
|
position: relative;
|
|
}
|
|
|
|
/* before the Vue component is mounted, show a loading indicator with dummy size */
|
|
/* the ratio is guesswork, see https://github.com/razorness/vue3-calendar-heatmap/issues/26 */
|
|
#user-heatmap.is-loading {
|
|
aspect-ratio: 5.415; /* the size is about 790 x 145 */
|
|
}
|
|
.user.profile #user-heatmap.is-loading {
|
|
aspect-ratio: 5.645; /* the size is about 953 x 169 */
|
|
}
|
|
|
|
#user-heatmap text {
|
|
fill: currentcolor !important;
|
|
}
|
|
|
|
/* for the "Less" and "More" legend */
|
|
#user-heatmap .vch__legend .vch__legend {
|
|
display: flex;
|
|
font-size: 11px;
|
|
align-items: center;
|
|
justify-content: right;
|
|
}
|
|
|
|
#user-heatmap .vch__legend .vch__legend div:first-child,
|
|
#user-heatmap .vch__legend .vch__legend div:last-child {
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#user-heatmap .vch__day__square:hover {
|
|
outline: 1.5px solid var(--color-text);
|
|
}
|
|
|
|
/* move the "? contributions in the last ? months" text from top to bottom */
|
|
#user-heatmap .total-contributions {
|
|
font-size: 11px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
inset-inline-start: 25px;
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
#user-heatmap .total-contributions {
|
|
inset-inline-start: 21px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1000px) {
|
|
#user-heatmap .total-contributions {
|
|
font-size: 10px;
|
|
inset-inline-start: 17px;
|
|
bottom: -4px;
|
|
}
|
|
}
|