Merge pull request #1181 from City-of-Helsinki/UHF-11235

UHF-11235: Prevent selects from wrapping
City-of-Helsinki · Feb 11, 2025 · b30f5a7 · b30f5a7
2 parents 2d23361 + 15546ba
commit b30f5a7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css
diff --git a/src/scss/06_components/paragraphs/_event-list.scss b/src/scss/06_components/paragraphs/_event-list.scss
@@ -1,3 +1,6 @@
+// Max width for selects when not in mobile (From HDBT).
+$select-max-width: 420px;
+
 .component--event-list {
   @include component-side-padding;
 }
@@ -33,6 +36,10 @@
 
 .event-form__filter-section-container .hdbt-search__dropdown {
   max-width: none;
+
+  @include breakpoint($breakpoint-m) {
+    max-width: $select-max-width;
+  }
 }
 
 .event-list__see-all-button {