Fixed bug on input fields icons
This commit is contained in:
parent
9159ba2d9b
commit
67e0dbcb7c
|
@ -32,7 +32,7 @@
|
||||||
{{formGroup.get('profiles').getError('backendError').message}}</mat-error>
|
{{formGroup.get('profiles').getError('backendError').message}}</mat-error>
|
||||||
<mat-error *ngIf="formGroup.get('profiles').hasError('required')">
|
<mat-error *ngIf="formGroup.get('profiles').hasError('required')">
|
||||||
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
||||||
<button matSuffix mat-icon-button type="button" [disabled]="formGroup.get('profiles').disabled"
|
<button matSuffix class="input-btn" [disabled]="formGroup.get('profiles').disabled"
|
||||||
(click)="availableProfiles()">
|
(click)="availableProfiles()">
|
||||||
<mat-icon class="icon-btn">view_list</mat-icon>
|
<mat-icon class="icon-btn">view_list</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
|
@ -61,7 +61,7 @@
|
||||||
{{formGroup.get('researchers').getError('backendError').message}}</mat-error>
|
{{formGroup.get('researchers').getError('backendError').message}}</mat-error>
|
||||||
<mat-error *ngIf="formGroup.get('researchers').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' |
|
<mat-error *ngIf="formGroup.get('researchers').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' |
|
||||||
translate}}</mat-error>
|
translate}}</mat-error>
|
||||||
<button matSuffix mat-icon-button [disabled]="formGroup.get('researchers').disabled" type="button"
|
<button matSuffix class="input-btn" [disabled]="formGroup.get('researchers').disabled" type="button"
|
||||||
(click)="addResearcher()">
|
(click)="addResearcher()">
|
||||||
<mat-icon class="icon-btn">add_circle</mat-icon>
|
<mat-icon class="icon-btn">add_circle</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -1,24 +1,35 @@
|
||||||
.icon-btn {
|
.input-btn {
|
||||||
font-size: 22px !important;
|
border: none;
|
||||||
color: #aaaaaa;
|
color: #aaaaaa;
|
||||||
|
background-color: #ffffff00;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-icon-button :hover {
|
.input-btn :hover {
|
||||||
color: #4687f0 !important;
|
color: #4687f0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// .icon-btn {
|
||||||
|
// font-size: 22px !important;
|
||||||
|
// color: #aaaaaa;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .mat-icon-button :hover {
|
||||||
|
// color: #4687f0 !important;
|
||||||
|
// }
|
||||||
|
|
||||||
.version-menu {
|
.version-menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: rgba(250, 250, 250, 1);
|
background-color: rgba(250, 250, 250, 1);
|
||||||
border: 1px solid #ececec;
|
border: 1px solid #ececec;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
margin-right: 2em;
|
margin-right: 2em;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.version-menu mat-icon {
|
.version-menu mat-icon {
|
||||||
color: #4687f0;
|
color: #4687f0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue