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

Styles close button everywhere

This commit is contained in:
apapachristou 2020-11-06 10:57:30 +02:00
parent e061448830
commit f8753de83a
10 changed files with 62 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dmp-frontend/src/app/ui/dashboard/dashboard.component.html
View File

@ -35,7 +35,7 @@
<div class="main-content">
<div class="col">
<div class="card col-auto mt-0" [style.display]="isVisible ? 'block' : 'none'">
<a class="col-auto d-flex" (click)="closeCard()"><span class="ml-auto pt-3 material-icons clear-icon">clear</span></a>
<a class="col-auto d-flex" (click)="closeCard()"><span class="ml-auto mt-3 material-icons clear-icon">clear</span></a>
<p class="card-content mb-0 pt-0">
{{'DASHBOARD.DMP-ABOUT-BEG' | translate}}
<b>{{'DASHBOARD.DATASET-DESCRIPTIONS' | translate}}</b>
@ -104,7 +104,7 @@
<div class="row">
<div class="col d-flex flex-column">
<div class="card non-auth-card" [style.display]="isVisible ? 'block' : 'none'">
<a class="col-auto d-flex" (click)="closeCard()"><span class="ml-auto pt-3 material-icons clear-icon">clear</span></a>
<a class="col-auto d-flex" (click)="closeCard()"><span class="ml-auto mt-3 material-icons clear-icon">clear</span></a>
<div class="d-flex flex-column align-items-center non-auth-title-container">
<h4 class="pt-4">{{'DASHBOARD.TITLE' | translate}}</h4>
<p class="col-auto app-info">{{'DASHBOARD.INFO-TEXT' | translate}}</p>

8
dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
View File

@ -49,6 +49,14 @@
.clear-icon {
cursor: pointer;
color: #212121;
padding: 0.4rem;
}
.clear-icon:hover {
background-color: #ececec !important;
border-radius: 50%;
padding: 0.4rem;
}
.normal-btn {

2
dmp-frontend/src/app/ui/dataset/listing/criteria/dataset-criteria-dialogue/dataset-criteria-dialog.component.html
View File

@ -1,2 +1,2 @@
<a class="col-auto d-flex pointer" (click)="onClose()"><span class="ml-auto pt-3 material-icons clear-icon">clear</span></a>
<a class="col-auto d-flex pointer" (click)="onClose()"><span class="ml-auto mt-3 material-icons clear-icon">clear</span></a>
<app-dataset-criteria-component [isPublic]="data.isPublic" [status]="data.status" [criteriaFormGroup]="data.formGroup" (filtersChanged)="onFiltersChanged($event)" class="col-auto"></app-dataset-criteria-component>

12
dmp-frontend/src/app/ui/dataset/listing/criteria/dataset-criteria-dialogue/dataset-criteria-dialog.component.scss
View File

@ -1,3 +1,15 @@
.clear-icon {
cursor: pointer;
color: #212121;
padding: 0.4rem;
}
.clear-icon:hover {
background-color: #ececec !important;
border-radius: 50%;
padding: 0.4rem;
}
::ng-deep .mat-form-field-wrapper {
background-color: white !important;
padding-bottom: 0 !important;

10
dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.scss
View File

@ -86,7 +86,15 @@
}
.clear-icon {
cursor: pointer;
cursor: pointer;
color: #212121;
padding: 0.4rem;
}
.clear-icon:hover {
background-color: #ececec !important;
border-radius: 50%;
padding: 0.4rem;
}
.normal-btn {

2
dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria-dialog.component.html
View File

@ -1,2 +1,2 @@
<a class="col-auto d-flex pointer" (click)="onClose()"><span class="ml-auto pt-3 material-icons clear-icon">clear</span></a>
<a class="col-auto d-flex pointer" (click)="onClose()"><span class="ml-auto mt-3 material-icons clear-icon">clear</span></a>
<app-dmp-criteria-component [showGrant]="data.showGrant" [isPublic]="data.isPublic" [criteriaFormGroup]="data.formGroup" (filtersChanged)="onFiltersChanged($event)" class="col-auto"></app-dmp-criteria-component>

11
dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria-dialog.component.scss Normal file
View File

@ -0,0 +1,11 @@
.clear-icon {
cursor: pointer;
color: #212121;
padding: 0.4rem;
}
.clear-icon:hover {
background-color: #ececec !important;
border-radius: 50%;
padding: 0.4rem;
}

1
dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria-dialog.component.ts
View File

@ -7,6 +7,7 @@ import { FormGroup } from '@angular/forms';
@Component({
selector: 'dmp-criteria-dialog-component',
templateUrl: './dmp-criteria-dialog.component.html',
styleUrls: ['./dmp-criteria-dialog.component.scss']
})
export class DmpCriteriaDialogComponent implements OnInit {

10
dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
View File

@ -148,7 +148,15 @@
}
.clear-icon {
cursor: pointer;
cursor: pointer;
color: #212121;
padding: 0.4rem;
}
.clear-icon:hover {
background-color: #ececec !important;
border-radius: 50%;
padding: 0.4rem;
}
.normal-btn {

9
dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
View File

@ -147,11 +147,18 @@
.check-icon {
color: #129d99;
transform: scale(0.75);
padding: 0.4rem;
}
.clear-icon {
color: #f16868;
cursor: pointer;
color: #212121;
padding: 0.4rem;
}
.clear-icon:hover {
background-color: #ececec !important;
border-radius: 50%;
}
.add-new-btn {