diff --git a/src/viewerModule/viewerCmp/viewerCmp.style.css b/src/viewerModule/viewerCmp/viewerCmp.style.css index 5109ee65056b3960f874d9f32a55a12e14ac29e3..750f6baced8182600355ac6c4a5744afeee3940a 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 89dc6c8fae7b07328e8c20366b53467cc0ba657d..4a7c18c7b36eb0aad6d76ccb4df298d1affa7f1f 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>