diff --git a/src/atlasViewer/atlasViewer.template.html b/src/atlasViewer/atlasViewer.template.html index f24bb333619f046c7f5eb28a23c555fad454e21c..820e3bdffa8f54032efac9a9c7215f4126e4a575 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 d9e557e5055d7b8469eeac8d7c8942224dc1cab6..c541717c4814689796b2461bde2cf319e0d2b6d7 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;