Add links to ALC policy

bcgov · Oct 10, 2024 · 8e6682e · 8e6682e
1 parent 2028237
commit 8e6682e
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/...e-of-intents/edit-submission/additional-information/additional-information.component.html b/...e-of-intents/edit-submission/additional-information/additional-information.component.html
@@ -181,6 +181,13 @@ <h2>Additional Proposal Information</h2>
 
       <div class="full-row" *ngIf="isSoilStructureFarmUseReasonVisible">
         <label for="soilStructureFarmUseReason">Describe how the structure is necessary for farm use</label>
+        <div class="info-banner subtext">
+          Please refer to
+          <a href="https://www.alc.gov.bc.ca/resources/alc-policies-and-bulletins/#farmstructures" target="_blank"
+            >Farm Structures in the ALR</a
+          >
+          on the ALC website for more detail.
+        </div>
         <mat-form-field appearance="outline">
           <textarea
             formControlName="soilStructureFarmUseReason"
@@ -211,6 +218,13 @@ <h2>Additional Proposal Information</h2>
           <ng-container *ngIf="typeCode === 'PFRS'">placing fill/removing soil</ng-container> is required for the
           residential structure(s)</label
         >
+        <div class="info-banner subtext">
+          Please refer to
+          <a href="https://www.alc.gov.bc.ca/resources/alc-policies-and-bulletins/#housing" target="_blank"
+            >Housing in the ALR</a
+          >
+          on the ALC website for more detail.
+        </div>
         <mat-form-field appearance="outline">
           <textarea
             formControlName="soilStructureResidentialUseReason"
@@ -266,6 +280,13 @@ <h2>Additional Proposal Information</h2>
           <ng-container *ngIf="typeCode === 'ROSO'">removing soil</ng-container>
           <ng-container *ngIf="typeCode === 'PFRS'">placing fill/removing soil</ng-container> is required</label
         >
+        <div class="info-banner subtext">
+          Please refer to
+          <a href="https://www.alc.gov.bc.ca/resources/alc-policies-and-bulletins/#housing" target="_blank"
+            >Housing in the ALR</a
+          >
+          on the ALC website for more detail.
+        </div>
         <mat-form-field appearance="outline">
           <textarea
             formControlName="soilStructureResidentialAccessoryUseReason"

diff --git a/...e-of-intents/edit-submission/additional-information/additional-information.component.scss b/...e-of-intents/edit-submission/additional-information/additional-information.component.scss
@@ -1,4 +1,5 @@
 @use '../../../../../styles/functions' as *;
+@use '../../../../../styles/colors';
 
 .steps-list {
   margin: rem(16) 0;
@@ -15,3 +16,9 @@
 .mat-mdc-table .mdc-data-table__row {
   height: rem(75);
 }
+
+.info-banner {
+  background-color: rgba(colors.$secondary-color-light, 0.5);
+  padding: rem(4);
+  margin-bottom: 0 !important;
+}