Enhance dashboard styles (#16884)

* Display sparkline graph on Chrome

* Heatmap auto overflow

* Change grid columns number on small screen

* Please codeclimate bot

* Remove graph height
This commit is contained in:
Mashiro 2021-10-21 12:24:34 +08:00 committed by GitHub
parent 3f9b28ce26
commit b58d32cfe2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 0 deletions

View file

@ -920,6 +920,13 @@ a.name-tag,
} }
.retention { .retention {
overflow: auto;
> h4 {
position: sticky;
left: 0;
}
&__table { &__table {
&__number { &__number {
color: $secondary-text-color; color: $secondary-text-color;
@ -1018,6 +1025,7 @@ a.name-tag,
&__graph { &__graph {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%;
svg { svg {
display: block; display: block;

View file

@ -61,6 +61,10 @@
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-gap: 10px; grid-gap: 10px;
@media screen and (max-width: 1350px) {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
&__item { &__item {
&--span-double-column { &--span-double-column {
grid-column: span 2; grid-column: span 2;