MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.html
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>

39
dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.scss
View File

@ -1,24 +1,35 @@
.icon-btn {
font-size: 22px !important;
.input-btn {
border: none;
color: #aaaaaa;
background-color: #ffffff00;
cursor: pointer;
}
.mat-icon-button :hover {
color: #4687f0 !important;
.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;
flex-direction: column;
background-color: rgba(250, 250, 250, 1);
border: 1px solid #ececec;
padding-top: 1em;
margin-top: 2em;
margin-right: 2em;
font-size: 12px;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
background-color: rgba(250, 250, 250, 1);
border: 1px solid #ececec;
padding-top: 1em;
margin-top: 2em;
margin-right: 2em;
font-size: 12px;
}
.version-menu mat-icon {
color: #4687f0;
color: #4687f0;
}