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:
parent
3f9b28ce26
commit
b58d32cfe2
2 changed files with 12 additions and 0 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue