Merge branch 'develop' into test

bcgov · Jul 13, 2024 · cad7aa7 · cad7aa7
2 parents 4268327 + b233ec0
commit cad7aa7
Show file tree

Hide file tree

Showing 42 changed files with 798 additions and 377 deletions.
diff --git a/...ce/apps/pidp/src/app/features/access/pages/access-requests-page/access-requests.page.scss b/...ce/apps/pidp/src/app/features/access/pages/access-requests-page/access-requests.page.scss
@@ -161,6 +161,7 @@
 
   .content-header h1 {
     font-size: 40px;
+    line-height: 1.1;
   }
 
   .breadcrumb {
@@ -208,6 +209,7 @@
 
   .content-header h1 {
     font-size: 40px;
+    line-height: 1.1;
   }
 
   .content-header {

diff --git a/...p/src/app/features/access/pages/bc-provider-application/bc-provider-application.page.html b/...p/src/app/features/access/pages/bc-provider-application/bc-provider-application.page.html
@@ -1,7 +1,7 @@
 <div class="container-box container" uiPidpInjectViewportCss>
   <div class="content-box">
     <header>
-      <h2>BC Provider account information</h2>
+      <h1>BC Provider account information</h1>
     </header>
     <div class="content">
       <h3>

diff --git a/...p/src/app/features/access/pages/bc-provider-application/bc-provider-application.page.scss b/...p/src/app/features/access/pages/bc-provider-application/bc-provider-application.page.scss
@@ -87,10 +87,11 @@ ol {
 .viewport-all {
   & header {
     margin: var(--header-margin);
-    & h2 {
-      margin: 0;
-      padding: calc(var(--gap) / 2) calc(var(--gap) * 2);
-      background-color: pidp.$grey-10;
+    & h1 {
+      color: #036;
+      font-size: 3.125rem;
+      font-weight: 700;
+      margin-bottom: 0;
     }
   }
   & .content {

diff --git a/...space/apps/pidp/src/app/features/access/pages/bc-provider-edit/bc-provider-edit.page.html b/...space/apps/pidp/src/app/features/access/pages/bc-provider-edit/bc-provider-edit.page.html
@@ -1,7 +1,7 @@
 <div class="container-box container" uiPidpInjectViewportCss>
   <div class="content-box">
     <header>
-      <h2>BC Provider Account Information</h2>
+      <h1>BC Provider Account Information</h1>
     </header>
     <div class="content">
       <section class="error-card" [class.show-card]="showErrorCard">

diff --git a/...space/apps/pidp/src/app/features/access/pages/bc-provider-edit/bc-provider-edit.page.scss b/...space/apps/pidp/src/app/features/access/pages/bc-provider-edit/bc-provider-edit.page.scss
@@ -68,10 +68,11 @@
 .viewport-all {
   & header {
     margin: var(--header-margin);
-    & h2 {
-      margin: 0;
-      padding: calc(var(--gap) / 2) calc(var(--gap) * 2);
-      background-color: pidp.$grey-10;
+    & h1 {
+      color: #036;
+      font-size: 3.125rem;
+      font-weight: 700;
+      margin-bottom: 0;
     }
   }
   & .content {
@@ -275,3 +276,13 @@
     }
   }
 }
+
+.viewport-small,
+.viewport-xsmall {
+  & header {
+    & h1 {
+      font-size: 40px;
+      line-height: 1.1;
+    }
+  }
+}
diff --git a/workspace/apps/pidp/src/app/features/access/pages/driver-fitness/driver-fitness.page.html b/workspace/apps/pidp/src/app/features/access/pages/driver-fitness/driver-fitness.page.html
@@ -1,6 +1,6 @@
 <div class="box container" uiPidpInjectViewportCss>
   <header>
-    <h2 class="title">Enrolment</h2>
+    <h1 class="title">Enrolment</h1>
   </header>
 
   <div class="content">

diff --git a/workspace/apps/pidp/src/app/features/access/pages/driver-fitness/driver-fitness.page.scss b/workspace/apps/pidp/src/app/features/access/pages/driver-fitness/driver-fitness.page.scss
@@ -33,9 +33,14 @@ span {
 .viewport-all {
   &.box {
     padding: var(--header-padding) 0 var(--header-padding) var(--header-padding);
+    h1 {
+      color: #036;
+      font-size: 3.125rem;
+      font-weight: 700;
+      margin-bottom: 0;
+    }
     & .title {
-      background-color: pidp.$bcgov-color-background-grey;
-      padding: 9px 24px;
+      padding: 1rem 0;
     }
   }
   & .content {
@@ -109,3 +114,13 @@ span {
     padding-left: 0;
   }
 }
+
+.viewport-small,
+.viewport-xsmall {
+  & header {
+    & h1 {
+      font-size: 40px;
+      line-height: 1.1;
+    }
+  }
+}
diff --git a/.../pidp/src/app/features/access/pages/hcim-account-transfer/hcim-account-transfer.page.html b/.../pidp/src/app/features/access/pages/hcim-account-transfer/hcim-account-transfer.page.html
@@ -1,6 +1,6 @@
-<div class="container">
+<div class="container" uiPidpInjectViewportCss>
   <ui-page mode="full" [form]="formState.form" (submitted)="onSubmit()">
-    <ui-page-header>{{ title }}</ui-page-header>
+    <h1>{{ title }}</h1>
 
     <ng-container *ngIf="completed; else notCompleted">
       <ui-page-section>

diff --git a/.../pidp/src/app/features/access/pages/hcim-account-transfer/hcim-account-transfer.page.scss b/.../pidp/src/app/features/access/pages/hcim-account-transfer/hcim-account-transfer.page.scss
@@ -1,3 +1,19 @@
 .viewport-all {
   padding: 1.25rem 0.75rem;
+
+  h1 {
+    color: #036;
+    font-size: 3.125rem;
+    font-weight: 700;
+    margin-bottom: 0;
+    padding: 2rem 0;
+  }
+}
+
+.viewport-small,
+.viewport-xsmall {
+  h1 {
+    font-size: 40px;
+    line-height: 1.1;
+  }
 }
diff --git a/...ps/pidp/src/app/features/access/pages/hcim-account-transfer/hcim-account-transfer.page.ts b/...ps/pidp/src/app/features/access/pages/hcim-account-transfer/hcim-account-transfer.page.ts
@@ -13,6 +13,7 @@ import {
   AlertComponent,
   AlertContentDirective,
   AnchorDirective,
+  InjectViewportCssClassDirective,
   PageComponent,
   PageFooterActionDirective,
   PageFooterComponent,
@@ -58,6 +59,7 @@ import {
     AlertComponent,
     AlertContentDirective,
     AnchorDirective,
+    InjectViewportCssClassDirective,
     MatButtonModule,
     MatFormFieldModule,
     MatInputModule,

diff --git a/workspace/apps/pidp/src/app/features/access/pages/immsbc-eforms/immsbc-eforms.page.html b/workspace/apps/pidp/src/app/features/access/pages/immsbc-eforms/immsbc-eforms.page.html
@@ -1,6 +1,6 @@
-<div class="container">
+<div class="container" uiPidpInjectViewportCss>
   <ui-page mode="full">
-    <ui-page-header>{{ title }}</ui-page-header>
+    <h1>{{ title }}</h1>
 
     <ui-alert
       *ngIf="accessRequestFailed"

diff --git a/workspace/apps/pidp/src/app/features/access/pages/immsbc-eforms/immsbc-eforms.page.scss b/workspace/apps/pidp/src/app/features/access/pages/immsbc-eforms/immsbc-eforms.page.scss
@@ -1,3 +1,18 @@
 .viewport-all {
   padding: 1.25rem 0.75rem;
+
+  h1 {
+    color: #036;
+    font-size: 3.125rem;
+    font-weight: 700;
+    margin-bottom: 0;
+    padding: 2rem 0;
+  }
+}
+.viewport-small,
+.viewport-xsmall {
+  h1 {
+    font-size: 40px;
+    line-height: 1.1;
+  }
 }
diff --git a/workspace/apps/pidp/src/app/features/access/pages/immsbc-eforms/immsbc-eforms.page.ts b/workspace/apps/pidp/src/app/features/access/pages/immsbc-eforms/immsbc-eforms.page.ts
@@ -10,6 +10,7 @@ import {
   AlertComponent,
   AlertContentDirective,
   AnchorDirective,
+  InjectViewportCssClassDirective,
   PageComponent,
   PageFooterActionDirective,
   PageFooterComponent,
@@ -42,6 +43,7 @@ import {
     AlertContentDirective,
     AnchorDirective,
     EnrolmentErrorComponent,
+    InjectViewportCssClassDirective,
     MatButtonModule,
     NgIf,
     PageComponent,

diff --git a/...idp/src/app/features/access/pages/ms-teams-clinic-member/ms-teams-clinic-member.page.html b/...idp/src/app/features/access/pages/ms-teams-clinic-member/ms-teams-clinic-member.page.html
@@ -4,7 +4,7 @@
       <app-enrolment-error *ngIf="enrolmentError"></app-enrolment-error>
       <ng-container *ngIf="completed; else notCompleted">
         <header>
-          <h2 class="title">Thank you for enrolling for MS Teams access.</h2>
+          <h1 class="title">Thank you for enrolling for MS Teams access.</h1>
         </header>
         <section class="completed">
           <p>

diff --git a/...idp/src/app/features/access/pages/ms-teams-clinic-member/ms-teams-clinic-member.page.scss b/...idp/src/app/features/access/pages/ms-teams-clinic-member/ms-teams-clinic-member.page.scss
@@ -28,10 +28,12 @@
 
 .viewport-all {
   & header {
-    & h2 {
-      margin: 0;
-      padding: calc(var(--gap) / 2) calc(var(--gap));
-      background-color: pidp.$grey-10;
+    & h1 {
+      color: #036;
+      font-size: 3.125rem;
+      font-weight: 700;
+      margin-bottom: 0;
+      padding: 2rem 0;
     }
   }
   & .content {
@@ -106,3 +108,13 @@
     }
   }
 }
+
+.viewport-small,
+.viewport-xsmall {
+  & header {
+    & h1 {
+      font-size: 40px;
+      line-height: 1.1;
+    }
+  }
+}
diff --git a/...src/app/features/access/pages/ms-teams-privacy-officer/ms-teams-privacy-officer.page.html b/...src/app/features/access/pages/ms-teams-privacy-officer/ms-teams-privacy-officer.page.html
@@ -52,7 +52,7 @@ <h3>Endorsement</h3>
       </ng-container>
       <ng-template #notCompleted>
         <header>
-          <h2 class="title">Welcome to your MS Teams enrolment application.</h2>
+          <h1>Welcome to your MS Teams enrolment application.</h1>
         </header>
         <ng-container [ngSwitch]="currentPage">
           <ng-container *ngSwitchCase="0">

diff --git a/...src/app/features/access/pages/ms-teams-privacy-officer/ms-teams-privacy-officer.page.scss b/...src/app/features/access/pages/ms-teams-privacy-officer/ms-teams-privacy-officer.page.scss
@@ -47,9 +47,11 @@
 .viewport-all {
   &.box {
     padding: var(--header-padding) 0 var(--header-padding) var(--header-padding);
-    & .title {
-      background-color: pidp.$bcgov-color-background-grey;
-      padding: 9px 24px;
+    h1 {
+      color: #036;
+      font-size: 3.125rem;
+      font-weight: 700;
+      margin-bottom: 0;
     }
   }
   & header {
@@ -146,3 +148,23 @@
     }
   }
 }
+
+.viewport-large,
+.viewport-medium,
+.viewport-small,
+.viewport-xsmall {
+  & header {
+    & h1 {
+      line-height: 1.1;
+    }
+  }
+}
+
+.viewport-small,
+.viewport-xsmall {
+  & header {
+    & h1 {
+      font-size: 40px;
+    }
+  }
+}
diff --git a/...c/app/features/access/pages/provider-reporting-portal/provider-reporting-portal.page.html b/...c/app/features/access/pages/provider-reporting-portal/provider-reporting-portal.page.html
@@ -1,5 +1,6 @@
+<div class="container" uiPidpInjectViewportCss>
 <ui-page mode="full">
-  <ui-page-header>{{ title }}</ui-page-header>
+  <h1>{{ title }}</h1>
 
   <ui-alert
     *ngIf="accessRequestFailed"
@@ -82,3 +83,4 @@
     </button>
   </ui-page-footer>
 </ui-page>
+</div>
diff --git a/...c/app/features/access/pages/provider-reporting-portal/provider-reporting-portal.page.scss b/...c/app/features/access/pages/provider-reporting-portal/provider-reporting-portal.page.scss
@@ -0,0 +1,18 @@
+.viewport-all {
+  padding: 1.25rem 0.75rem;
+  h1 {
+    color: #036;
+    font-size: 3.125rem;
+    font-weight: 700;
+    margin-bottom: 0;
+    padding: 2rem 0;
+  }
+}
+
+.viewport-small,
+.viewport-xsmall {
+  h1 {
+    font-size: 40px;
+    line-height: 1.1;
+  }
+}
diff --git a/...src/app/features/access/pages/provider-reporting-portal/provider-reporting-portal.page.ts b/...src/app/features/access/pages/provider-reporting-portal/provider-reporting-portal.page.ts
@@ -10,6 +10,7 @@ import {
   AlertComponent,
   AlertContentDirective,
   AnchorDirective,
+  InjectViewportCssClassDirective,
   PageComponent,
   PageFooterActionDirective,
   PageFooterComponent,
@@ -38,6 +39,7 @@ import { ProviderReportingPortalResource } from './provider-reporting-portal-res
     AlertContentDirective,
     AnchorDirective,
     EnrolmentErrorComponent,
+    InjectViewportCssClassDirective,
     MatButtonModule,
     NgIf,
     PageComponent,