Cameron Perera
7fa2541ddb
* feat: 🎸 add filters applied tags under search/filter bar ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * feat: 🎸 create Rose::FilterTags component ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 use Rose::FilterTags component in targets list ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 update FilterTags to handle multiple queryParams ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * test: 💍 update dropdown component tests - applyFilter ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * feat: 🎸 create filter-tags component in core ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * chore: 🤖 update core addon to export styles ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 remove filter-tags component from rose addon ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * chore: 🤖 update sass package version ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * feat: 🎸 use FilterTags component in targets list screen ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 reduce component complexity ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * chore: 🤖 add sinon to core ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 update how FilterTags displays filters ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 trucate long tag names ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 wrap FilterTags component in if this.filters to fix issue of static text displaying before the dynamic tags ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069 * refactor: 💡 address feedback ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12069
23 lines
349 B
SCSS
23 lines
349 B
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
.filters-applied {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-bottom: 1rem;
|
|
gap: 0.5rem;
|
|
|
|
.filter-tag {
|
|
max-width: 200px;
|
|
|
|
.hds-tag__text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|