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

clean up font-family

This commit is contained in:
Sofia Papacharalampous 2024-05-21 15:49:20 +03:00
parent 1e40eeb768
commit 0d4f3f8720
14 changed files with 14 additions and 322 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -96,7 +96,6 @@
.personal-usage { .personal-usage {
text-align: left; text-align: left;
font-weight: 300; font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1.25rem; font-size: 1.25rem;
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
@ -127,7 +126,6 @@
text-align: left; text-align: left;
text-decoration: underline; text-decoration: underline;
font-weight: 300; font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0px; letter-spacing: 0px;
color: var(--primary-color-2); color: var(--primary-color-2);
@ -137,7 +135,6 @@
.link-disabled { .link-disabled {
text-align: left; text-align: left;
font-weight: 300; font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1rem;
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
@ -147,7 +144,6 @@
.latest-activity-title { .latest-activity-title {
text-align: left; text-align: left;
font-weight: 300; font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1.25rem; font-size: 1.25rem;
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
@ -186,16 +182,6 @@ input[type="text"] {
padding-left: 15px; padding-left: 15px;
} }
.edited-date {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 2.4;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
}
.dmp-label { .dmp-label {
background: var(--primary-color) 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
@ -220,43 +206,6 @@ input[type="text"] {
font-weight: 400; font-weight: 400;
} }
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
}
.dataset-subtitle,
.dmp-subtitle {
display: flex;
flex-direction: row;
text-align: left;
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 0.875rem;
opacity: 1;
align-items: center;
color: #848484;
}
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;
}
.icon-align { .icon-align {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;

49
dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.css
View File

@ -1,14 +1,3 @@
.latest-activity-title {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1.25rem;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
padding-bottom: 1.2rem;
}
.dmp-card, .dmp-card,
.dataset-card { .dataset-card {
min-width: 712px; min-width: 712px;
@ -39,7 +28,6 @@ input[type="text"] {
.edited-date { .edited-date {
text-align: left; text-align: left;
font-weight: 300; font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 2.4; line-height: 2.4;
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
@ -69,43 +57,6 @@ input[type="text"] {
font-weight: 400; font-weight: 400;
} }
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
}
.dataset-subtitle,
.dmp-subtitle {
display: flex;
flex-direction: row;
text-align: left;
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 0.875rem;
opacity: 1;
align-items: center;
color: #848484;
}
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;
}
.icon-align { .icon-align {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;

70
dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.css
View File

@ -1,26 +1,3 @@
.latest-activity-title {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1.25rem;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
padding-bottom: 1.2rem;
}
.dmp-card,
.dataset-card {
min-width: 712px;
/* min-height: 308px; */
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #0000001a;
border-radius: 4px;
opacity: 1;
margin-top: 2.43rem;
margin-bottom: 1rem;
}
.remove-border-bottom ::ng-deep .mat-tab-header { .remove-border-bottom ::ng-deep .mat-tab-header {
border-bottom: none; border-bottom: none;
} }
@ -36,16 +13,6 @@ input[type="text"] {
padding-left: 15px; padding-left: 15px;
} }
.edited-date {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 2.4;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
}
.dmp-label { .dmp-label {
background: var(--primary-color) 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
@ -69,43 +36,6 @@ input[type="text"] {
font-weight: 400; font-weight: 400;
} }
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
}
.dataset-subtitle,
.dmp-subtitle {
display: flex;
flex-direction: row;
text-align: left;
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 0.875rem;
opacity: 1;
align-items: center;
color: #848484;
}
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;
}
.icon-align { .icon-align {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;

70
dmp-frontend/src/app/ui/dashboard/recent-edited-description-activity/recent-edited-description-activity.component.scss
View File

@ -1,26 +1,3 @@
.latest-activity-title {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1.25rem;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
padding-bottom: 1.2rem;
}
.dmp-card,
.description-card {
min-width: 712px;
/* min-height: 308px; */
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #0000001a;
border-radius: 4px;
opacity: 1;
margin-top: 2.43rem;
margin-bottom: 1rem;
}
.remove-border-bottom ::ng-deep .mat-tab-header { .remove-border-bottom ::ng-deep .mat-tab-header {
border-bottom: none; border-bottom: none;
} }
@ -36,16 +13,6 @@ input[type="text"] {
padding-left: 15px; padding-left: 15px;
} }
.edited-date {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 2.4;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
}
.dmp-label { .dmp-label {
background: var(--primary-color) 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
@ -69,43 +36,6 @@ input[type="text"] {
font-weight: 400; font-weight: 400;
} }
.dmp-title,
.description-title {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
}
.description-subtitle,
.dmp-subtitle {
display: flex;
flex-direction: row;
text-align: left;
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 0.875rem;
opacity: 1;
align-items: center;
color: #848484;
}
.dmp-title-draft,
.description-title-draft {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;
}
.icon-align { .icon-align {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;

56
dmp-frontend/src/app/ui/dashboard/recent-edited-dmp-activity/recent-edited-dmp-activity.component.css
View File

@ -1,14 +1,3 @@
.latest-activity-title {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 1.25rem;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
padding-bottom: 1.2rem;
}
.dmp-card, .dataset-card { .dmp-card, .dataset-card {
min-width: 712px; min-width: 712px;
/* min-height: 308px; */ /* min-height: 308px; */
@ -35,16 +24,6 @@ input[type="text"] {
padding-left: 15px; padding-left: 15px;
} }
.edited-date {
text-align: left;
font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 2.4;
letter-spacing: 0px;
color: #212121;
opacity: 0.6;
}
.dmp-label { .dmp-label {
background: var(--primary-color) 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
@ -67,41 +46,6 @@ input[type="text"] {
color: #212121; color: #212121;
} }
.dmp-title, .dataset-title {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
}
.dataset-subtitle, .dmp-subtitle {
display: flex;
flex-direction: row;
text-align: left;
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 0.875rem;
opacity: 1;
align-items: center;
color: #848484;
}
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;
}
.icon-align { .icon-align {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;

1
dmp-frontend/src/app/ui/description/editor/description-editor.component.scss
View File

@ -250,7 +250,6 @@
.dmp-title { .dmp-title {
text-align: left; text-align: left;
font-weight: 700; font-weight: 700;
font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #212121; color: #212121;
overflow: hidden; overflow: hidden;

9
dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
View File

@ -100,14 +100,12 @@ input[type="text"] {
opacity: 1; opacity: 1;
width: 347px; width: 347px;
height: 56px; height: 56px;
font-family: Arial, FontAwesome;
padding-left: 15px; padding-left: 15px;
} }
.edited-date { .edited-date {
text-align: left; text-align: left;
font-weight: 300; font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 2.4; line-height: 2.4;
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
@ -141,7 +139,6 @@ input[type="text"] {
.description-title { .description-title {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81; // opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;
@ -149,24 +146,20 @@ input[type="text"] {
color: #212121; color: #212121;
} }
.description-subtitle, .description-subtitle {
.dmp-subtitle {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
text-align: left; text-align: left;
font-weight: 400; font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 0.875rem; font-size: 0.875rem;
opacity: 1; opacity: 1;
align-items: center; align-items: center;
color: #848484; color: #848484;
} }
.dmp-title-draft,
.description-title-draft { .description-title-draft {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81; // opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;

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

@ -141,7 +141,6 @@ input[type="text"] {
.edited-date { .edited-date {
text-align: left; text-align: left;
font-weight: 300; font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 2.4; line-height: 2.4;
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
@ -174,7 +173,6 @@ input[type="text"] {
.dataset-title { .dataset-title {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81; // opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;
@ -188,7 +186,6 @@ input[type="text"] {
flex-direction: row; flex-direction: row;
text-align: left; text-align: left;
font-weight: 400; font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 0.875rem; font-size: 0.875rem;
opacity: 1; opacity: 1;
align-items: center; align-items: center;
@ -199,7 +196,6 @@ input[type="text"] {
.dataset-title-draft { .dataset-title-draft {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81; // opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;

14
dmp-frontend/src/app/ui/reference/reference-field/reference-field.component.html
View File

@ -4,7 +4,11 @@
</app-multiple-auto-complete> </app-multiple-auto-complete>
<mat-error *ngIf="form.hasError('backendError')">{{form.getError('backendError').message}}</mat-error> <mat-error *ngIf="form.hasError('backendError')">{{form.getError('backendError').message}}</mat-error>
<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error> <mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
<mat-hint *ngIf="hint">{{hint}}</mat-hint> <mat-hint *ngIf="hint" align="start">{{hint}}</mat-hint>
<mat-hint *ngIf="hint" align="end">
<span *ngIf="!form.disabled" class="not-found">{{'REFERENCE-FIELD.COULD-NOT-FIND-MESSAGE' | translate}} </span>
<span *ngIf="!form.disabled" class="insert-manually" (click)="addReference($event)">{{'REFERENCE-FIELD.ACTIONS.INSERT-MANUALLY' | translate}}</span>
</mat-hint>
</mat-form-field> </mat-form-field>
<mat-form-field class="w-100" *ngIf="singleAutoCompleteSearchConfiguration"> <mat-form-field class="w-100" *ngIf="singleAutoCompleteSearchConfiguration">
<mat-label>{{label?.length > 0 ? label : referenceType?.name}}</mat-label> <mat-label>{{label?.length > 0 ? label : referenceType?.name}}</mat-label>
@ -12,9 +16,11 @@
</app-single-auto-complete> </app-single-auto-complete>
<mat-error *ngIf="form.hasError('backendError')">{{form.getError('backendError').message}}</mat-error> <mat-error *ngIf="form.hasError('backendError')">{{form.getError('backendError').message}}</mat-error>
<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error> <mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
<mat-hint *ngIf="hint">{{hint}}</mat-hint> <mat-hint *ngIf="hint" align="start">{{hint}}</mat-hint>
<mat-hint *ngIf="hint" align="end">
<span *ngIf="!form.disabled" class="not-found">{{'REFERENCE-FIELD.COULD-NOT-FIND-MESSAGE' | translate}} </span>
<span *ngIf="!form.disabled" class="insert-manually" (click)="addReference($event)">{{'REFERENCE-FIELD.ACTIONS.INSERT-MANUALLY' | translate}}</span>
</mat-hint>
</mat-form-field> </mat-form-field>
<div class="mb-4"> <div class="mb-4">
<span *ngIf="!form.disabled" class="not-found">{{'REFERENCE-FIELD.COULD-NOT-FIND-MESSAGE' | translate}}</span>
<span *ngIf="!form.disabled" class="insert-manually" (click)="addReference($event)">{{'REFERENCE-FIELD.ACTIONS.INSERT-MANUALLY' | translate}}</span>
</div> </div>

4
dmp-frontend/src/app/ui/reference/reference-field/reference-field.component.scss
View File

@ -2,14 +2,14 @@
text-decoration: underline; text-decoration: underline;
color: var(--primary-color-3); color: var(--primary-color-3);
cursor: pointer; cursor: pointer;
font-size: 1rem; // font-size: 1rem;
font-weight: 400; font-weight: 400;
} }
.not-found { .not-found {
// cursor: pointer; // cursor: pointer;
color: #333; color: #333;
font-size: 1rem; // font-size: 1rem;
font-weight: 400; font-weight: 400;
padding: 0rem 0.5rem 0rem 0rem; padding: 0rem 0.5rem 0rem 0rem;
} }

1
dmp-frontend/src/app/ui/sidebar/sidebar-footer/sidebar-footer.component.css
View File

@ -13,7 +13,6 @@
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-flex;
font-size: small; font-size: small;
font-family: 'Roboto';
} }
.sidebar-footer .option:hover { .sidebar-footer .option:hover {

2
dmp-frontend/src/app/ui/sidebar/sidebar.component.css
View File

@ -41,7 +41,6 @@
color: #000000; color: #000000;
opacity: 1; opacity: 1;
font-size: 0.93rem; font-size: 0.93rem;
font-family: 'Roboto',sans-serif;
} }
.nav-subrow { .nav-subrow {
@ -54,7 +53,6 @@
color: #000000; color: #000000;
opacity: 1; opacity: 1;
font-size: 0.93rem; font-size: 0.93rem;
font-family: 'Roboto',sans-serif;
} }
.nav-row:hover { .nav-row:hover {

3
dmp-frontend/src/assets/css/demo.css
View File

@ -408,9 +408,6 @@ input[type=email], select {
p { p {
text-align: left; text-align: left;
font-family: 'Roboto', sans-serif;
/* font-weight: 300;
font-size: 1.25rem; */
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
} }

2
dmp-frontend/src/styles.scss
View File

@ -72,7 +72,7 @@ $mat-typography: mat.define-typography-config($font-family: 'Roboto, sans-serif;
// $subheading-1: mat.define-typography-level($font-size: 20px, $font-weight: 500, $font-family: 'Roboto, sans-serif;'), // $subheading-1: mat.define-typography-level($font-size: 20px, $font-weight: 500, $font-family: 'Roboto, sans-serif;'),
$body-2: mat.define-typography-level($font-size: 16px, $font-weight: 400, $font-family: 'Roboto, sans-serif;'), $body-2: mat.define-typography-level($font-size: 16px, $font-weight: 400, $font-family: 'Roboto, sans-serif;'),
$body-1: mat.define-typography-level($font-size: 18px, $font-weight: 400, $font-family: 'Roboto, sans-serif;'), $body-1: mat.define-typography-level($font-size: 18px, $font-weight: 400, $font-family: 'Roboto, sans-serif;'),
$caption: mat.define-typography-level($font-size: 16px, $font-weight: Medium, $font-family: 'Roboto, sans-serif;'), // $caption: mat.define-typography-level($font-size: 16px, $font-weight: Medium, $font-family: 'Roboto, sans-serif;'),
$button: mat.define-typography-level($font-size: 16px, $font-weight: 500, $font-family: 'Roboto, sans-serif;'), $button: mat.define-typography-level($font-size: 16px, $font-weight: 500, $font-family: 'Roboto, sans-serif;'),
// Line-height must be unit-less fraction of the font-size. // Line-height must be unit-less fraction of the font-size.
// $input: mat.define-typography-level($font-size: inherit, $line-height: 1.125, $font-weight: 500, $font-family: 'Roboto, sans-serif;'), // $input: mat.define-typography-level($font-size: inherit, $line-height: 1.125, $font-weight: 500, $font-family: 'Roboto, sans-serif;'),