From 8f619f008fe2cda3a673f571b54046344be42c7d Mon Sep 17 00:00:00 2001
From: Xiao Gui <xgui3783@gmail.com>
Date: Wed, 29 May 2019 13:09:12 +0200
Subject: [PATCH] chore: when one area is selected, improve UI
---
src/atlasViewer/atlasViewer.template.html | 16 ++++++++++++++--
src/res/css/extra_styles.css | 5 +++++
2 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/src/atlasViewer/atlasViewer.template.html b/src/atlasViewer/atlasViewer.template.html
index 88e30112c..1e1336bf9 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 ddf0340c7..512af93ba 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
--
GitLab