UI: Refactoring error container

This commit is contained in:
Artem Dzhereleiko 2023-07-31 13:34:37 +03:00
parent bd174f5437
commit 1569bee351
2 changed files with 9 additions and 9 deletions

View File

@ -207,11 +207,11 @@
{{ saveButtonLabel }} {{ saveButtonLabel }}
</button> </button>
</div> </div>
<div class="tb-multiple-input__errors" *ngIf="(!entityDetected || !isAllParametersValid) && datasourceDetected"> <div class="tb-multiple-input--errors-container" *ngIf="(!entityDetected || !isAllParametersValid) && datasourceDetected">
<div class="tb-multiple-input__error" [fxHide]="entityDetected"> <div class="tb-multiple-input--errors-container__error" [fxHide]="entityDetected">
{{ 'widgets.input-widgets.no-entity-selected' | translate }} {{ 'widgets.input-widgets.no-entity-selected' | translate }}
</div> </div>
<div class="tb-multiple-input__error" [fxShow]="entityDetected && !isAllParametersValid"> <div class="tb-multiple-input--errors-container__error" [fxShow]="entityDetected && !isAllParametersValid">
{{ 'widgets.input-widgets.not-allowed-entity' | translate }} {{ 'widgets.input-widgets.not-allowed-entity' | translate }}
</div> </div>
</div> </div>

View File

@ -95,19 +95,19 @@
} }
} }
&__errors { &--errors-container {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
&__error { &__error {
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
color: #a0a0a0; color: #a0a0a0;
} }
} }
}
} }
:host ::ng-deep { :host ::ng-deep {