+ class="asset-property-name" matListItemTitle>
{{name.charAt(0).toUpperCase() + name.slice(1)}}
-
+
{{contractOffer.properties.properties[additionalPropertyKey]}}
diff --git a/src/modules/edc-demo/components/contract-definition-viewer/contract-definition-viewer.component.html b/src/modules/edc-demo/components/contract-definition-viewer/contract-definition-viewer.component.html
index 2ba8222e2..4ed1f88b3 100644
--- a/src/modules/edc-demo/components/contract-definition-viewer/contract-definition-viewer.component.html
+++ b/src/modules/edc-demo/components/contract-definition-viewer/contract-definition-viewer.component.html
@@ -29,14 +29,14 @@
- policy
- Access policy
- {{contractDefinition.accessPolicyId}}
+ policy
+ Access policy
+ {{contractDefinition.accessPolicyId}}
- policy
- Contract policy
- {{contractDefinition.contractPolicyId}}
+ policy
+ Contract policy
+ {{contractDefinition.contractPolicyId}}
@@ -48,9 +48,9 @@
- check
+ check
- {{criterion.mandatoryValue('edc', 'operandLeft')}} {{criterion.mandatoryValue('edc', 'operator')}} {{criterion.mandatoryValue('edc', 'operandRight')}}
+ {{criterion.mandatoryValue('edc', 'operandLeft')}} {{criterion.mandatoryValue('edc', 'operator')}} {{criterion.mandatoryValue('edc', 'operandRight')}}
diff --git a/src/modules/edc-demo/components/contract-viewer/contract-viewer.component.html b/src/modules/edc-demo/components/contract-viewer/contract-viewer.component.html
index afac49b0f..8b7f9b602 100644
--- a/src/modules/edc-demo/components/contract-viewer/contract-viewer.component.html
+++ b/src/modules/edc-demo/components/contract-viewer/contract-viewer.component.html
@@ -10,22 +10,22 @@
category
-
- {{contract.assetId}}
+
+ {{contract.assetId}}
person
-
- {{contract.providerId}}
+
+ {{contract.providerId}}
draw
-
- {{asDate(contract.mandatoryValue('edc', 'contractSigningDate'))}}
+
+ {{asDate(contract.mandatoryValue('edc', 'contractSigningDate'))}}
diff --git a/src/modules/edc-demo/components/introduction/introduction.component.scss b/src/modules/edc-demo/components/introduction/introduction.component.scss
index a7e1ace3f..7e54f9fe1 100644
--- a/src/modules/edc-demo/components/introduction/introduction.component.scss
+++ b/src/modules/edc-demo/components/introduction/introduction.component.scss
@@ -14,6 +14,8 @@ h1 {
.description {
text-align: justify;
+ padding-left: 20px;
+ padding-right: 20px;
}
mat-card {
diff --git a/src/modules/edc-demo/components/policy-view/policy-view.component.html b/src/modules/edc-demo/components/policy-view/policy-view.component.html
index 4a8b9ad80..d336b3720 100644
--- a/src/modules/edc-demo/components/policy-view/policy-view.component.html
+++ b/src/modules/edc-demo/components/policy-view/policy-view.component.html
@@ -30,14 +30,14 @@
- trip_origin
- {{policyDef.policy.assigner || 'n/a'}}
- Assigner
+ trip_origin
+ {{policyDef.policy.assigner || 'n/a'}}
+ Assigner
- adjust
- {{policyDef.policy.assignee || 'n/a'}}
- Assignee
+ adjust
+ {{policyDef.policy.assignee || 'n/a'}}
+ Assignee
diff --git a/src/theme.scss b/src/theme.scss
index dad778f4e..66b1f834b 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -7,57 +7,57 @@
@import "node_modules/@angular/material/theming";
@include mat-core();
-//default theme {
$theming-material-components-primary: mat-palette($mat-teal);
$theming-material-components-accent: mat-palette($mat-orange, A200, A100, A400);
$theming-material-components-warn: mat-palette($mat-red);
+$theming-material-components-typography: mat.define-typography-config($font-family: 'Open Sans');
+
+$theme1: mat-dark-theme(
+ (
+ color: (
+ primary: mat-palette($mat-teal),
+ accent: mat-palette($mat-orange, A200, A100, A400),
+ warn: mat-palette($mat-red),
+ ),
+ typography: $theming-material-components-typography,
+ density: 0,
+ )
+);
+
+$theme2: mat-dark-theme(
+ (
+ color: (
+ primary: mat-palette($mat-light-blue),
+ accent: mat-palette($mat-orange, A200, A100, A400),
+ warn: mat-palette($mat-red),
+ ),
+ typography: $theming-material-components-typography,
+ density: 0,
+ )
+);
-$theming-material-components-theme: mat-dark-theme(
- $theming-material-components-primary,
- $theming-material-components-accent,
- $theming-material-components-warn
+$theme3: mat-dark-theme(
+ (
+ color: (
+ primary: mat-palette($mat-light-green),
+ accent: mat-palette($mat-orange, A200, A100, A400),
+ warn: mat-palette($mat-red),
+ ),
+ typography: $theming-material-components-typography,
+ density: 0,
+ )
);
-@include angular-material-theme($theming-material-components-theme);
-//}
+@include mat.all-component-themes($theme1);
.theme-1 {
// use default
}
.theme-2 {
- $theming-material-components-primary: mat-palette($mat-light-blue);
- $theming-material-components-accent: mat-palette($mat-orange, A200, A100, A400);
- $theming-material-components-warn: mat-palette($mat-red);
-
- $theming-material-components-theme: mat-dark-theme(
- $theming-material-components-primary,
- $theming-material-components-accent,
- $theming-material-components-warn
- );
-
- @include angular-material-theme($theming-material-components-theme);
+ @include mat.all-component-colors($theme2);
}
.theme-3 {
- $theming-material-components-primary: mat-palette($mat-light-green);
- $theming-material-components-accent: mat-palette($mat-orange, A200, A100, A400);
- $theming-material-components-warn: mat-palette($mat-red);
-
- $theming-material-components-theme: mat-dark-theme(
- $theming-material-components-primary,
- $theming-material-components-accent,
- $theming-material-components-warn
- );
-
- @include angular-material-theme($theming-material-components-theme);
-}
-
-$custom-typography: mat.define-typography-config($font-family: 'Open Sans');
-@include mat.core($custom-typography);
-
-:root {
- --theme-color-primary: #{mat-color($theming-material-components-primary)};
- --theme-color-accent: #{mat-color($theming-material-components-accent)};
- --theme-color-warn: #{mat-color($theming-material-components-warn)};
+ @include mat.all-component-colors($theme3);
}