From c3ea498238bb3918a7920a2cf83108142fa7c75f Mon Sep 17 00:00:00 2001
From: fsdavid <daviti1@mail.com>
Date: Tue, 25 Aug 2020 14:04:50 +0200
Subject: [PATCH] replace layer selector expander from image to icon button
(#642)
---
.../atlasLayerSelector.style.css | 2 +-
.../atlasLayerSelector.template.html | 21 ++++++++++++-------
2 files changed, 14 insertions(+), 9 deletions(-)
diff --git a/src/ui/atlasLayerSelector/atlasLayerSelector.style.css b/src/ui/atlasLayerSelector/atlasLayerSelector.style.css
index d45e0ae4a..f7e396460 100644
--- a/src/ui/atlasLayerSelector/atlasLayerSelector.style.css
+++ b/src/ui/atlasLayerSelector/atlasLayerSelector.style.css
@@ -116,7 +116,7 @@
.selector-container
{
width: 21rem;
- bottom: 0;
+ bottom: 4rem;
z-index: 5;
}
diff --git a/src/ui/atlasLayerSelector/atlasLayerSelector.template.html b/src/ui/atlasLayerSelector/atlasLayerSelector.template.html
index 38d623083..2f68eaf02 100644
--- a/src/ui/atlasLayerSelector/atlasLayerSelector.template.html
+++ b/src/ui/atlasLayerSelector/atlasLayerSelector.template.html
@@ -1,11 +1,4 @@
-<div class="position-relative">
-
- <!-- place holder when not expanded -->
- <div [ngClass]="{ 'scale-up-bl muted-7 pe-all': !selectorExpanded, 'scale-down-bl pe-none': selectorExpanded }"
- class="position-relative m-2 selectedLayerBorder cursor-pointer selectedTemplateDefaultContainer"
- (click)="selectorExpanded = true">
- <img [src]="selectedTemplatePreviewUrl" draggable="false"/>
- </div>
+<div class="position-relative d-flex flex-column justify-content-start">
<!-- selector panel when expanded -->
@@ -65,6 +58,18 @@
</mat-grid-list>
</mat-card-content>
</mat-card>
+
+ <!-- place holder when not expanded -->
+ <div class="position-relative m-2 cursor-pointer scale-up-bl pe-all">
+ <button color="primary"
+ matTooltip="Select layer"
+ mat-mini-fab
+ aria-label="Layer selector expand button"
+ (click)="selectorExpanded = !selectorExpanded">
+ <i class="fas fa-layer-group"></i>
+ </button>
+ </div>
+
</div>
<!-- image tile tmpl -->
--
GitLab