From 7db29821c8f484df6ea16a2d9684ae43d15bac77 Mon Sep 17 00:00:00 2001
From: xgui3783 <xgui3783@gmail.com>
Date: Mon, 27 Jul 2020 16:45:39 +0200
Subject: [PATCH] feat: overlapping chips for prob map (#617)
---
src/atlasViewer/atlasViewer.template.html | 10 ++++++----
src/res/css/extra_styles.css | 10 ++++++++++
2 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/src/atlasViewer/atlasViewer.template.html b/src/atlasViewer/atlasViewer.template.html
index f24bb3336..820e3bdff 100644
--- a/src/atlasViewer/atlasViewer.template.html
+++ b/src/atlasViewer/atlasViewer.template.html
@@ -187,7 +187,7 @@
iav-region
(click)="uiNehubaContainer.matDrawerMinor.open() && uiNehubaContainer.navSideDrawerMainSwitch.open()"
[region]="r"
- class="pe-all"
+ class="pe-all position-relative z-index-1"
[ngClass]="{
'darktheme':regionDirective.rgbDarkmode === true,
'lighttheme': regionDirective.rgbDarkmode === false
@@ -205,7 +205,7 @@
</mat-icon>
</mat-chip>
- <!-- chips for previewing origin datasets -->
+ <!-- chips for previewing origin datasets/continous map -->
<ng-container *ngFor="let originDataset of (r.originDatasets || []); let index = index">
<div class="hidden"
iav-dataset-preview-dataset-file
@@ -215,8 +215,10 @@
</div>
<mat-chip *ngIf="previewDirective.active"
(click)="uiNehubaContainer.matDrawerMinor.open() && uiNehubaContainer.navSideDrawerMainSwitch.open()"
- class="pe-all">
- {{ regionDirective.regionOriginDatasetLabels$ | async | renderViewOriginDatasetlabel : index }}
+ class="pe-all position-relative ml-8-n">
+ <span class="pl-4">
+ {{ regionDirective.regionOriginDatasetLabels$ | async | renderViewOriginDatasetlabel : index }}
+ </span>
<mat-icon (click)="previewDirective.onClick()"
fontSet="fas"
fontIcon="fa-times">
diff --git a/src/res/css/extra_styles.css b/src/res/css/extra_styles.css
index d9e557e50..c541717c4 100644
--- a/src/res/css/extra_styles.css
+++ b/src/res/css/extra_styles.css
@@ -489,6 +489,10 @@ markdown-dom pre code
cursor: pointer!important;
}
+.z-index-1
+{
+ z-index: 1!important;
+}
.z-index-6
{
z-index: 6!important;
@@ -715,6 +719,12 @@ kg-dataset-previewer > img
{
margin-left: -1.25rem!important;
}
+
+.ml-8-n
+{
+ margin-left: -2rem!important;
+}
+
.mr-5-n
{
margin-right: -1.25rem!important;
--
GitLab