Styles close button everywhere
This commit is contained in:
parent
e061448830
commit
f8753de83a
|
@ -35,7 +35,7 @@
|
||||||
<div class="main-content">
|
<div class="main-content">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card col-auto mt-0" [style.display]="isVisible ? 'block' : 'none'">
|
<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">
|
<p class="card-content mb-0 pt-0">
|
||||||
{{'DASHBOARD.DMP-ABOUT-BEG' | translate}}
|
{{'DASHBOARD.DMP-ABOUT-BEG' | translate}}
|
||||||
<b>{{'DASHBOARD.DATASET-DESCRIPTIONS' | translate}}</b>
|
<b>{{'DASHBOARD.DATASET-DESCRIPTIONS' | translate}}</b>
|
||||||
|
@ -104,7 +104,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col d-flex flex-column">
|
<div class="col d-flex flex-column">
|
||||||
<div class="card non-auth-card" [style.display]="isVisible ? 'block' : 'none'">
|
<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">
|
<div class="d-flex flex-column align-items-center non-auth-title-container">
|
||||||
<h4 class="pt-4">{{'DASHBOARD.TITLE' | translate}}</h4>
|
<h4 class="pt-4">{{'DASHBOARD.TITLE' | translate}}</h4>
|
||||||
<p class="col-auto app-info">{{'DASHBOARD.INFO-TEXT' | translate}}</p>
|
<p class="col-auto app-info">{{'DASHBOARD.INFO-TEXT' | translate}}</p>
|
||||||
|
|
|
@ -49,6 +49,14 @@
|
||||||
|
|
||||||
.clear-icon {
|
.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 {
|
.normal-btn {
|
||||||
|
|
|
@ -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>
|
<app-dataset-criteria-component [isPublic]="data.isPublic" [status]="data.status" [criteriaFormGroup]="data.formGroup" (filtersChanged)="onFiltersChanged($event)" class="col-auto"></app-dataset-criteria-component>
|
||||||
|
|
|
@ -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 {
|
::ng-deep .mat-form-field-wrapper {
|
||||||
background-color: white !important;
|
background-color: white !important;
|
||||||
padding-bottom: 0 !important;
|
padding-bottom: 0 !important;
|
||||||
|
|
|
@ -87,6 +87,14 @@
|
||||||
|
|
||||||
.clear-icon {
|
.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 {
|
.normal-btn {
|
||||||
|
|
|
@ -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>
|
<app-dmp-criteria-component [showGrant]="data.showGrant" [isPublic]="data.isPublic" [criteriaFormGroup]="data.formGroup" (filtersChanged)="onFiltersChanged($event)" class="col-auto"></app-dmp-criteria-component>
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
|
@ -7,6 +7,7 @@ import { FormGroup } from '@angular/forms';
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'dmp-criteria-dialog-component',
|
selector: 'dmp-criteria-dialog-component',
|
||||||
templateUrl: './dmp-criteria-dialog.component.html',
|
templateUrl: './dmp-criteria-dialog.component.html',
|
||||||
|
styleUrls: ['./dmp-criteria-dialog.component.scss']
|
||||||
})
|
})
|
||||||
|
|
||||||
export class DmpCriteriaDialogComponent implements OnInit {
|
export class DmpCriteriaDialogComponent implements OnInit {
|
||||||
|
|
|
@ -149,6 +149,14 @@
|
||||||
|
|
||||||
.clear-icon {
|
.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 {
|
.normal-btn {
|
||||||
|
|
|
@ -147,11 +147,18 @@
|
||||||
.check-icon {
|
.check-icon {
|
||||||
color: #129d99;
|
color: #129d99;
|
||||||
transform: scale(0.75);
|
transform: scale(0.75);
|
||||||
|
padding: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear-icon {
|
.clear-icon {
|
||||||
color: #f16868;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
color: #212121;
|
||||||
|
padding: 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear-icon:hover {
|
||||||
|
background-color: #ececec !important;
|
||||||
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-new-btn {
|
.add-new-btn {
|
||||||
|
|
Loading…
Reference in New Issue