Skip to content

Commit 566e13e

Browse files
committed
revert legacy comment and fine tune legacy aspect ratio
1 parent 65e25ac commit 566e13e

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

web_src/css/features/heatmap.css

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,14 @@
1818

1919
/* Fallback height adjustment above for browsers that don't support container queries */
2020
@supports not (container-type: inline-size) {
21+
/* before the Vue component is mounted, show a loading indicator with dummy size */
22+
/* the ratio is guesswork, see https://github.com/razorness/vue3-calendar-heatmap/issues/26 */
23+
2124
#user-heatmap.is-loading {
22-
aspect-ratio: 5.415;
25+
aspect-ratio: 5.4823972051; /* the size is about 816 x 148.84 */
2326
}
2427
.user.profile #user-heatmap.is-loading {
25-
aspect-ratio: 5.645;
28+
aspect-ratio: 5.6290608387; /* the size is about 953 x 169.3 */
2629
}
2730
}
2831

0 commit comments

Comments
 (0)