Use bordered styles for coordinates-based event list only

City-of-Helsinki · Dec 11, 2024 · cdea9b4 · cdea9b4
1 parent 193ca99
commit cdea9b4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css
diff --git a/src/js/react/common/Card.tsx b/src/js/react/common/Card.tsx
@@ -43,7 +43,6 @@ export type CardItemProps = {
   weightedEducation?: string;
   languageEducation?: string;
   registrationRequired?: boolean;
-  useBorderedCards?: boolean;
 };
 
 function CardItem({

diff --git a/src/scss/06_components/paragraphs/_event-list.scss b/src/scss/06_components/paragraphs/_event-list.scss
@@ -12,6 +12,15 @@ $tag-vertical-padding: 5px;
   @include component-side-padding;
 }
 
+.component--react-search.component--coordinates-based-event-list {
+  background-color: $color-white;
+}
+
+// Use experimental card border styles for this paragraph.
+.component--coordinates-based-event-list .card:not(.card--ghost) {
+  border: 2px solid $color-black-20;
+}
+
 .events-list__empty-subtext {
   margin-bottom: $spacing-and-half;
 }