hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-17 15:03:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2989 from tdonohue/port_2675_to_7x

Browse Source 
[Port to dspace-7_x] Multiline selected facet badge on search page
This commit is contained in:
Tim Donohue
2024-04-29 16:57:02 -05:00
committed by GitHub
parent 679702bb5a ebb99c813a
commit 27d00d133a
5 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/shared/search/search-labels/search-label/search-label.component.html
View File

@@ -1,7 +1,9 @@
<a class="badge badge-primary mr-1 mb-1"
<a class="badge badge-primary mb-1"
[attr.aria-label]="'search.filters.remove' | translate:{ type: ('search.filters.applied.' + key) | translate, value: normalizeFilterValue(value) }"
[routerLink]="searchLink"
[queryParams]="(removeParameters | async)" queryParamsHandling="merge">
{{('search.filters.applied.' + key) | translate}}: {{'search.filters.' + filterName + '.' + value | translate: {default: normalizeFilterValue(value)} }}
<span aria-hidden="true"> ×</span>
<span class="d-flex">
<span class="flex-grow-1 text-left">{{('search.filters.applied.' + key) | translate}}: {{'search.filters.' + filterName + '.' + value | translate: {default: normalizeFilterValue(value)} }}</span>
<span class="pl-1" aria-hidden="true">×</span>
</span>
</a>

3
src/app/shared/search/search-labels/search-label/search-label.component.scss Normal file
View File

@@ -0,0 +1,3 @@
.badge {
white-space: inherit;
}

1
src/app/shared/search/search-labels/search-label/search-label.component.ts
View File

@@ -12,6 +12,7 @@ import { stripOperatorFromFilterValue } from '../../search.utils';
@Component({
selector: 'ds-search-label',
templateUrl: './search-label.component.html',
styleUrls: ['./search-label.component.scss'] ,
})
/**

9
src/app/shared/search/search-labels/search-labels.component.scss
View File

@@ -1,3 +1,10 @@
:host {
line-height: 1;
}
.labels {
margin: 0 calc(-1 * var(--bs-spacer)/8);
ds-search-label {
display: inline-block;
padding: 0 calc(var(--bs-spacer)/8);
}
}
}

4
src/app/shared/search/search.component.html
View File

@@ -90,8 +90,8 @@
[inPlaceSearch]="inPlaceSearch"
[searchPlaceholder]="searchFormPlaceholder | translate">
</ds-themed-search-form>
<div class="row mb-3 mb-md-1">
<div class="labels col-sm-9">
<div class="mb-3 mb-md-1">
<div class="labels">
<ds-search-labels *ngIf="searchEnabled" [inPlaceSearch]="inPlaceSearch"></ds-search-labels>
</div>
</div>