Fixed bug on input fields icons

This commit is contained in:
apapachristou 2019-05-29 13:19:16 +03:00
parent 9159ba2d9b
commit 67e0dbcb7c
2 changed files with 27 additions and 16 deletions

View File

@ -32,7 +32,7 @@
{{formGroup.get('profiles').getError('backendError').message}}</mat-error>
<mat-error *ngIf="formGroup.get('profiles').hasError('required')">
{{'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()">
<mat-icon class="icon-btn">view_list</mat-icon>
</button>
@ -61,7 +61,7 @@
{{formGroup.get('researchers').getError('backendError').message}}</mat-error>
<mat-error *ngIf="formGroup.get('researchers').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' |
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()">
<mat-icon class="icon-btn">add_circle</mat-icon>
</button>

View File

@ -1,12 +1,23 @@
.icon-btn {
font-size: 22px !important;
.input-btn {
border: none;
color: #aaaaaa;
background-color: #ffffff00;
cursor: pointer;
}
.mat-icon-button :hover {
.input-btn :hover {
color: #4687f0 !important;
}
// .icon-btn {
// font-size: 22px !important;
// color: #aaaaaa;
// }
// .mat-icon-button :hover {
// color: #4687f0 !important;
// }
.version-menu {
display: flex;
flex-wrap: nowrap;