minor ui fixes

This commit is contained in:
CITE\spapacharalampous 2024-09-05 16:52:43 +03:00
parent f68a657b82
commit 114694e0bd
6 changed files with 7 additions and 9 deletions

View File

@ -64,7 +64,7 @@
{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}} {{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
</button> </button>
</div> </div>
<div class="ml-auto col-auto"><button mat-button class="rounded-btn primary" (click)="formSubmit()"> <div class="col-auto"><button mat-button class="rounded-btn primary" (click)="formSubmit()">
{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}} {{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
</button> </button>
</div> </div>

View File

@ -21,7 +21,7 @@
</div> </div>
</ng-container> </ng-container>
</div> </div>
<div *ngIf="this.nowEditing" class="pl-0 col-8"> <div *ngIf="this.nowEditing" class="pl-0 mt-4 col-8">
<mat-form-field class="w-100"> <mat-form-field class="w-100">
<mat-select formControlName="roles" [panelWidth]="auto" multiple required> <mat-select formControlName="roles" [panelWidth]="auto" multiple required>
<mat-option *ngIf="!hasTenantAdminMode" [value]="appRole.Admin">{{enumUtils.toAppRoleString(appRole.Admin)}}</mat-option> <mat-option *ngIf="!hasTenantAdminMode" [value]="appRole.Admin">{{enumUtils.toAppRoleString(appRole.Admin)}}</mat-option>
@ -36,12 +36,12 @@
</mat-form-field> </mat-form-field>
</div> </div>
<div *ngIf="!this.nowEditing" class="col-2 p-0"> <div *ngIf="!this.nowEditing" class="col-auto p-0 dense-3">
<button mat-icon-button color="primary" type="button" (click)="editItem()" matTooltip="{{'USER-LISTING.ACTIONS.EDIT' | translate}}"> <button mat-icon-button color="primary" type="button" (click)="editItem()" matTooltip="{{'USER-LISTING.ACTIONS.EDIT' | translate}}">
<mat-icon>edit</mat-icon> <mat-icon>edit</mat-icon>
</button> </button>
</div> </div>
<div *ngIf="this.nowEditing" class="col-2 p-0"> <div *ngIf="this.nowEditing" class="col-auto p-0 dense-3">
<button mat-icon-button color="primary" type="submit" matTooltip="{{'USER-LISTING.ACTIONS.SAVE' | translate}}"> <button mat-icon-button color="primary" type="submit" matTooltip="{{'USER-LISTING.ACTIONS.SAVE' | translate}}">
<mat-icon>save</mat-icon> <mat-icon>save</mat-icon>
</button> </button>

View File

@ -4,8 +4,6 @@
justify-content: space-between; justify-content: space-between;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
.select-role {
}
.roles { .roles {
min-width: 90px; min-width: 90px;

View File

@ -64,7 +64,7 @@
<!-- End of Guided Tour --> <!-- End of Guided Tour -->
<!-- Search Filter--> <!-- Search Filter-->
<div class="col-12 col-xl-auto"> <div class="col-12 col-xl-auto">
<app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()" /> <app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()"></app-text-filter>
</div> </div>
<!-- End of Search Filter --> <!-- End of Search Filter -->
</div> </div>

View File

@ -50,7 +50,7 @@
<span *ngIf="!isPublic" class="center-content" (click)="restartTour()">{{ 'GENERAL.ACTIONS.TAKE-A-TOUR'| translate }}</span> <span *ngIf="!isPublic" class="center-content" (click)="restartTour()">{{ 'GENERAL.ACTIONS.TAKE-A-TOUR'| translate }}</span>
</div> </div>
<div class="col-12 col-xl-auto"> <div class="col-12 col-xl-auto">
<app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()" /> <app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()"></app-text-filter>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,4 +1,4 @@
<mat-form-field subscriptSizing="dynamic" [floatLabel]="floatLabel"> <mat-form-field subscriptSizing="dynamic" [floatLabel]="floatLabel" class="w-100">
<mat-icon *ngIf="suffixIcon" matSuffix>{{suffixIcon}}</mat-icon> <mat-icon *ngIf="suffixIcon" matSuffix>{{suffixIcon}}</mat-icon>
<mat-label *ngIf="label">{{label}}</mat-label> <mat-label *ngIf="label">{{label}}</mat-label>
<input autocomplete="nope" matInput class="search-box" [placeholder]="textPlaceholder" [(ngModel)]="inputValue"> <input autocomplete="nope" matInput class="search-box" [placeholder]="textPlaceholder" [(ngModel)]="inputValue">