Skip to content

Commit cc4678b

Browse files
authored
[ENG-10790] Dropdown section is initially too small and expands on click when filtering collection (#947)
- Ticket: https://openscience.atlassian.net/browse/ENG-10790 - Feature flag: n/a ## Summary of Changes 1. Fixed width of collection filters.
1 parent 8d54e89 commit cc4678b

2 files changed

Lines changed: 11 additions & 5 deletions

File tree

src/app/features/collections/components/collections-main-content/collections-main-content.component.html

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -73,11 +73,13 @@ <h3 class="highlight">{{ 'collections.searchResults.noResults' | translate }}</h
7373

7474
<div class="flex column-gap-4 filters-resources-web">
7575
@if (isWeb()) {
76-
@if (!isCollectionLoading()) {
77-
<osf-collections-filters />
78-
} @else {
79-
<p-skeleton width="22rem" height="30rem" />
80-
}
76+
<div class="filters-column">
77+
@if (!isCollectionLoading()) {
78+
<osf-collections-filters />
79+
} @else {
80+
<p-skeleton width="22rem" height="30rem" />
81+
}
82+
</div>
8183
}
8284

8385
<osf-collections-search-results />

src/app/features/collections/components/collections-main-content/collections-main-content.component.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,3 +13,7 @@
1313
.card-selected {
1414
background: var(--bg-blue-2);
1515
}
16+
17+
.filters-column {
18+
flex: 0 0 22rem;
19+
}

0 commit comments

Comments
 (0)