add highlighted rewards to project layout

Author: davidbeig

Resources/templates/responsive/project/layout.php

@@ -87,6 +87,7 @@
 <!-- End container fluid -->
 
 <div class="container-fluid section">
+
     <?php if ($project->isImpactCalcActive()):?>
         <div class="impact-calculator-details row">
             <?= $this->insert('project/partials/impact_by_footprint', ['footprints' => $this->footprints ]) ?>
@@ -95,6 +96,12 @@
         </div>
     <?php endif; ?>
 
+    <?php if ($project->isHighlightedRewardsActive()): ?>
+        <div class="row">
+            <?= $this->insert('project/partials/highlighted_rewards') ?>
+        </div>
+    <?php endif; ?>
+
 	<div class="col-sm-8 section-content" id="project-tabs">
 	    <?= $this->supply('main-content') ?>
 	</div>

public/assets/sass/layouts/_project.scss

@@ -53,9 +53,12 @@ body.project {
           border: 1px solid $color-light-grey;
           border-radius: 1rem;
           width: 100%;
+          min-height: 40rem;
           height: 40rem;
           padding: 2rem;
           font-size: 1.5rem;
+          overflow: hidden;
+          text-overflow: ellipsis;
 
           .card-header {
             h2 {
@@ -64,6 +67,13 @@ body.project {
             }
           }
 
+          .card-body {
+            height: 20rem;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            padding-bottom: 1rem;
+          }
+
           .amount-box {
             color: $color-dark-green;
             font-size: 40px;
@@ -78,6 +88,12 @@ body.project {
             border: $background-light-green 2px solid;
             height: fit-content;
             transition: 0.5s;
+
+            .card-body {
+              min-height: 20rem;
+              height: fit-content;
+              transition: 0.5s;
+            }
           }
         }
       }