diff --git a/src/atlasViewer/atlasViewer.template.html b/src/atlasViewer/atlasViewer.template.html index 88e30112ce35167de9732f7d969cf32a3c5eb448..1e1336bf975f3e707d3a669b462e7c05a3176053 100644 --- a/src/atlasViewer/atlasViewer.template.html +++ b/src/atlasViewer/atlasViewer.template.html @@ -141,6 +141,13 @@ </h5> </div> <div body> + + <div + *ngIf="(onhoverSegmentsForFixed$ | async)?.length > 0 || (selectedRegions$ | async)?.length > 0" + class="p-2"> + Search for data relating to: + </div> + <div *ngFor="let onhoverSegmentFixed of (onhoverSegmentsForFixed$ | async)" (click)="searchRegion([onhoverSegmentFixed])" @@ -148,14 +155,19 @@ data-toggle="tooltip" data-placement="top" [title]="onhoverSegmentFixed.name"> - Search for data related to {{ onhoverSegmentFixed.name }} + <small class="text-semi-transparent">(hovering)</small> {{ onhoverSegmentFixed.name }} </div> <div *ngIf="(selectedRegions$ | async)?.length > 0 && (selectedRegions$ | async); let selectedRegions" (click)="searchRegion(selectedRegions)" class="ws-no-wrap text-left pe-all mt-0 btn btn-sm btn-secondary btn-block"> - Search for data related to all {{ selectedRegions && selectedRegions.length }} selected regions + <ng-container *ngIf="selectedRegions.length > 1"> + <small class="text-semi-transparent">(selected)</small> {{ selectedRegions.length }} selected regions + </ng-container> + <ng-container *ngIf="selectedRegions.length === 1"> + <small class="text-semi-transparent">(selected)</small> {{ selectedRegions[0].name }} + </ng-container> </div> <div diff --git a/src/res/css/extra_styles.css b/src/res/css/extra_styles.css index ddf0340c7f957cbed2b213a2fcb14420b7f0d324..512af93ba31be4eee8ef8f8ccf558a345fc28be9 100644 --- a/src/res/css/extra_styles.css +++ b/src/res/css/extra_styles.css @@ -334,4 +334,9 @@ markdown-dom pre code .muted { opacity : 0.5!important; +} + +.text-semi-transparent +{ + opacity: 0.5; } \ No newline at end of file