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
					
				| @ -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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user