From 4d8de0206e82f93422a993a369ed59ef57d31327 Mon Sep 17 00:00:00 2001
From: Xiao Gui <xgui3783@gmail.com>
Date: Thu, 22 Nov 2018 15:16:33 +0100
Subject: [PATCH] chore: prettify selected region
---
src/ui/databrowser/databrowser.style.css | 11 +++++++++++
src/ui/databrowser/databrowser.template.html | 7 +++++--
2 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/src/ui/databrowser/databrowser.style.css b/src/ui/databrowser/databrowser.style.css
index 88352b854..64e569802 100644
--- a/src/ui/databrowser/databrowser.style.css
+++ b/src/ui/databrowser/databrowser.style.css
@@ -122,4 +122,15 @@ dataset-viewer
margin: 1em;
padding: 1em;
background-color: rgba(128, 128, 128, 0.2);
+}
+
+div[regionsContainer]
+{
+ background-color:rgba(0, 0, 0, 0.3);
+ padding:0.5em 0.7em;
+}
+
+div[regionContainer]
+{
+ margin-top:0.5em;
}
\ No newline at end of file
diff --git a/src/ui/databrowser/databrowser.template.html b/src/ui/databrowser/databrowser.template.html
index 8daf3f248..9a5460f81 100644
--- a/src/ui/databrowser/databrowser.template.html
+++ b/src/ui/databrowser/databrowser.template.html
@@ -79,10 +79,13 @@
</div>
</panel-component>
</div>
-<div *ngIf = "(selectedPOI$ | async) && (selectedPOI$ | async).length > 0; else noSelectedRegion">
+<div
+ *ngIf = "(selectedPOI$ | async) && (selectedPOI$ | async).length > 0; else noSelectedRegion"
+ regionsContainer>
<div
- *ngFor = "let data of (selectedRegions$ | async | sortDataEntriesToRegion : dataEntries).concat( selectedLandmarks$ | async | spatialLandmarksToDataBrowserItemPipe ) | searchResultPagination : currentPage : hitsPerPage ">
+ *ngFor = "let data of (selectedRegions$ | async | sortDataEntriesToRegion : dataEntries).concat( selectedLandmarks$ | async | spatialLandmarksToDataBrowserItemPipe ) | searchResultPagination : currentPage : hitsPerPage "
+ regionContainer>
<panel-component
[collapseBody] = "true"
[bodyCollapsable] = "true">
--
GitLab