Merge pull request #2436 from mempool/nymkappa/bugfix/align-button
Align charts timestamp selector with charts menus
This commit is contained in:
		
						commit
						948375f0e9
					
				| @ -61,7 +61,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -61,7 +61,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -61,7 +61,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -61,7 +61,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -61,7 +61,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 1130px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 1130px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -61,7 +61,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -55,7 +55,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -39,7 +39,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -11,7 +11,7 @@ | ||||
|           </div>   | ||||
| 
 | ||||
|           <form [formGroup]="radioGroupForm" class="formRadioGroup" | ||||
|             [class]="stateService.env.MINING_DASHBOARD ? 'mining' : ''" (click)="saveGraphPreference()"> | ||||
|             [class]="(stateService.env.MINING_DASHBOARD || stateService.env.LIGHTNING) ? 'mining' : 'no-menu'" (click)="saveGraphPreference()"> | ||||
|             <div *ngIf="!isMobile()" class="btn-group btn-group-toggle"> | ||||
|               <label ngbButtonLabel class="btn-primary btn-sm mr-2"> | ||||
|                 <a [routerLink]="['/tv' | relativeUrl]" style="color: white" id="btn-tv"> | ||||
|  | ||||
| @ -55,13 +55,19 @@ | ||||
| .formRadioGroup.mining { | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|     top: 0px; | ||||
|   } | ||||
| } | ||||
| .formRadioGroup.no-menu { | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -33px; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .loading{ | ||||
|   display: flex; | ||||
|  | ||||
| @ -60,7 +60,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -40,7 +40,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
| @ -60,7 +60,7 @@ | ||||
|   flex-direction: column; | ||||
|   @media (min-width: 991px) { | ||||
|     position: relative; | ||||
|     top: -65px; | ||||
|     top: -100px; | ||||
|   } | ||||
|   @media (min-width: 830px) and (max-width: 991px) { | ||||
|     position: relative; | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user