From c8603613ec7595ecf162357b2528ef57e3f86a33 Mon Sep 17 00:00:00 2001
From: Xiao Gui <xgui3783@gmail.com>
Date: Thu, 6 Jul 2023 16:23:15 +0200
Subject: [PATCH] expmt allow mini tray to be minimized
---
.../viewerCmp/viewerCmp.style.css | 7 +++++++
.../viewerCmp/viewerCmp.template.html | 20 ++++++++++++++++++-
2 files changed, 26 insertions(+), 1 deletion(-)
diff --git a/src/viewerModule/viewerCmp/viewerCmp.style.css b/src/viewerModule/viewerCmp/viewerCmp.style.css
index 5109ee650..750f6bace 100644
--- a/src/viewerModule/viewerCmp/viewerCmp.style.css
+++ b/src/viewerModule/viewerCmp/viewerCmp.style.css
@@ -158,3 +158,10 @@ sxplr-smart-chip [mat-icon-button]
{
height: 1rem;
}
+
+sxplr-overlay-ui
+{
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
diff --git a/src/viewerModule/viewerCmp/viewerCmp.template.html b/src/viewerModule/viewerCmp/viewerCmp.template.html
index 89dc6c8fa..4a7c18c7b 100644
--- a/src/viewerModule/viewerCmp/viewerCmp.template.html
+++ b/src/viewerModule/viewerCmp/viewerCmp.template.html
@@ -37,6 +37,7 @@
</div>
</div>
+<!-- <sxplr-overlay-ui></sxplr-overlay-ui> -->
<!-- master draw container -->
<ng-template [ngIf]="view$ | async" let-view>
@@ -86,7 +87,7 @@
<iav-layout-fourcorners>
<!-- top left -->
- <div iavLayoutFourCornersTopLeft class="ws-no-wrap">
+ <div iavLayoutFourCornersTopLeft class="ws-no-wrap align-items-start d-inline-flex">
<!-- special mode -->
<ng-template [ngIf]="view.viewerMode" let-mode [ngIfElse]="defaultTopLeftTmpl">
@@ -286,6 +287,23 @@
</div>
+ <!-- tab to minimize mini tray -->
+ <ng-template sxplrExperimentalFlag
+ [experimental]="true"
+ #minTray="sxplrExperimentalFlag"
+ [ngIf]="minTray.show$ | async">
+ <div class="tab-toggle-container">
+
+ <ng-template [ngTemplateOutlet]="tabTmpl_defaultTmpl" [ngTemplateOutletContext]="{
+ fontIcon: (minTrayVisSwitch.switchState$ | async) ? 'fas fa-chevron-left' : 'fas fa-search',
+ matColor: (minTrayVisSwitch.switchState$ | async) ? null : 'primary',
+ click: minTrayVisSwitch.toggle.bind(minTrayVisSwitch)
+ }">
+
+ </ng-template>
+ </div>
+ </ng-template>
+
</ng-template>
--
GitLab