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 }}
</button>
</div>
<div class="tb-multiple-input__errors" *ngIf="(!entityDetected || !isAllParametersValid) && datasourceDetected">
<div class="tb-multiple-input__error" [fxHide]="entityDetected">
<div class="tb-multiple-input--errors-container" *ngIf="(!entityDetected || !isAllParametersValid) && datasourceDetected">
<div class="tb-multiple-input--errors-container__error" [fxHide]="entityDetected">
{{ 'widgets.input-widgets.no-entity-selected' | translate }}
</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 }}
</div>
</div>

View File

@ -95,13 +95,12 @@
}
}
&__errors {
&--errors-container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
&__error {
text-align: center;
font-size: 18px;
@ -109,6 +108,7 @@
}
}
}
}
:host ::ng-deep {
.tb-multiple-input {