Align charts timestamp selector with charts menus
This commit is contained in:
parent
dcfaa9b474
commit
70fd94dc1f
@ -61,7 +61,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 1130px) {
|
@media (min-width: 1130px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 1130px) {
|
@media (min-width: 830px) and (max-width: 1130px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -55,7 +55,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -39,7 +39,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -11,7 +11,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form [formGroup]="radioGroupForm" class="formRadioGroup"
|
<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">
|
<div *ngIf="!isMobile()" class="btn-group btn-group-toggle">
|
||||||
<label ngbButtonLabel class="btn-primary btn-sm mr-2">
|
<label ngbButtonLabel class="btn-primary btn-sm mr-2">
|
||||||
<a [routerLink]="['/tv' | relativeUrl]" style="color: white" id="btn-tv">
|
<a [routerLink]="['/tv' | relativeUrl]" style="color: white" id="btn-tv">
|
||||||
|
@ -55,13 +55,19 @@
|
|||||||
.formRadioGroup.mining {
|
.formRadioGroup.mining {
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.formRadioGroup.no-menu {
|
||||||
|
@media (min-width: 991px) {
|
||||||
|
position: relative;
|
||||||
|
top: -33px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.loading{
|
.loading{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -60,7 +60,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -40,7 +40,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -60,7 +60,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@media (min-width: 991px) {
|
@media (min-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
@media (min-width: 830px) and (max-width: 991px) {
|
@media (min-width: 830px) and (max-width: 991px) {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user