diff --git a/Resources/templates/responsive/project/layout.php b/Resources/templates/responsive/project/layout.php index 5842b11bf5..8c3584c5de 100644 --- a/Resources/templates/responsive/project/layout.php +++ b/Resources/templates/responsive/project/layout.php @@ -87,6 +87,7 @@
+ isImpactCalcActive()):?>
insert('project/partials/impact_by_footprint', ['footprints' => $this->footprints ]) ?> @@ -95,6 +96,12 @@
+ isHighlightedRewardsActive()): ?> +
+ insert('project/partials/highlighted_rewards') ?> +
+ +
supply('main-content') ?>
diff --git a/public/assets/sass/layouts/_project.scss b/public/assets/sass/layouts/_project.scss index 59ca024df5..4bbe76732d 100644 --- a/public/assets/sass/layouts/_project.scss +++ b/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; + } } } }