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 {
 | 
			
		||||
  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;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue