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:
		@@ -920,6 +920,13 @@ a.name-tag,
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.retention {
 | 
			
		||||
  overflow: auto;
 | 
			
		||||
 | 
			
		||||
  > h4 {
 | 
			
		||||
    position: sticky;
 | 
			
		||||
    left: 0;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__table {
 | 
			
		||||
    &__number {
 | 
			
		||||
      color: $secondary-text-color;
 | 
			
		||||
@@ -1018,6 +1025,7 @@ a.name-tag,
 | 
			
		||||
  &__graph {
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    bottom: 0;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
 | 
			
		||||
    svg {
 | 
			
		||||
      display: block;
 | 
			
		||||
 
 | 
			
		||||
@@ -61,6 +61,10 @@
 | 
			
		||||
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
 | 
			
		||||
  grid-gap: 10px;
 | 
			
		||||
 | 
			
		||||
  @media screen and (max-width: 1350px) {
 | 
			
		||||
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &__item {
 | 
			
		||||
    &--span-double-column {
 | 
			
		||||
      grid-column: span 2;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user