Merge pull request #771 from City-of-Helsinki/UHF-9196_Update_card_style

UHF-9196: Update project listing cards to common one
City-of-Helsinki · Jan 2, 2024 · f134f98 · f134f98
2 parents 1de1871 + d67816e
commit f134f98
Show file tree

Hide file tree

Showing 6 changed files with 75 additions and 90 deletions.
diff --git a/public/themes/custom/hdbt_subtheme/dist/css/styles.min.css b/public/themes/custom/hdbt_subtheme/dist/css/styles.min.css
diff --git a/public/themes/custom/hdbt_subtheme/package-lock.json b/public/themes/custom/hdbt_subtheme/package-lock.json
diff --git a/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_district_and_project.scss b/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_district_and_project.scss
@@ -1,8 +1,7 @@
 @use "sass:math";
 
 /* District and project shared teaser styles */
-.district-teaser,
-.project-teaser {
+.district-teaser {
   background-color: $color-white;
   margin-bottom: $spacing;
   position: relative;
@@ -30,8 +29,7 @@
   }
 }
 
-.district-teaser__data,
-.project-teaser__data {
+.district-teaser__data {
   display: flex;
   flex-direction: column;
   padding: $spacing-double $spacing-and-half $spacing-double $spacing-and-half;
@@ -72,8 +70,7 @@ $-image-placeholder-ratio: math.div(3, 2);
 $-image-size: 380px;
 $-image-min-size: 220px;
 
-.district-teaser__image,
-.project-teaser__image {
+.district-teaser__image {
   min-width: $-image-min-size;
   overflow: hidden;
 
@@ -94,8 +91,7 @@ $-image-min-size: 220px;
   }
 }
 
-.district-teaser__link,
-.project-teaser__link {
+.district-teaser__link {
   display: block;
   margin-bottom: $spacing;
   text-decoration: none;

diff --git a/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_project.scss b/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_project.scss
@@ -40,7 +40,9 @@
   }
 
   .metadata__item-content .label:not(:last-of-type)::after,
-  .metadata__item--schedule--plan-schedule *:last-child::after {
+  .metadata__item--schedule--plan-schedule *:last-child::after,
+  .card__meta__content .label:not(:last-of-type)::after,
+  .card__meta__content .label--schedule:not(:last-of-type) *:last-child::after {
     content: ', ';
   }