[ACA-2060] arrange viewer toolbar icons (#849)

* [ACA-2060] checks if empty

* [ACA-2060] hide last divider

* [ACA-2060] switch info drawer button & more menu

* [ACA-2060] cspell change

* [ACA-2060] apply changes only to viewer top toolbar

src/app/components/preview/preview.component.html

@@ -3,7 +3,7 @@
     <adf-viewer
         [fileNodeId]="nodeId"
         [allowNavigate]="navigateMultiple"
-        [allowSidebar]="true"
+        [allowSidebar]="hasRightSidebar"
         [allowPrint] ="false"
         [allowDownload]="false"
         [allowFullScreen]="false"
@@ -12,13 +12,14 @@
         [overlayMode]="true"
         (showViewerChange)="onVisibilityChanged($event)"
         (navigateBefore)="onNavigateBefore()"
-        (navigateNext)="onNavigateNext()">
+        (navigateNext)="onNavigateNext()"
+        [ngClass]="hasRightSidebar ? 'hide-last-divider': ''">
 
         <adf-viewer-sidebar>
             <aca-info-drawer [node]="selection.file"></aca-info-drawer>
         </adf-viewer-sidebar>
 
-        <adf-viewer-open-with>
+        <adf-viewer-open-with *ngIf="openWith.length">
             <ng-container *ngFor="let action of openWith; trackBy: trackByActionId">
                 <aca-toolbar-action type="menu-item" [actionRef]="action"></aca-toolbar-action>
             </ng-container>
@@ -30,7 +31,7 @@
             </ng-container>
         </adf-viewer-toolbar-actions>
 
-        <adf-viewer-more-actions>
+        <adf-viewer-more-actions *ngIf="viewerToolbarMoreActions.length">
             <ng-container *ngFor="let action of viewerToolbarMoreActions; trackBy: trackByActionId">
                 <aca-toolbar-action type="menu-item" [actionRef]="action"></aca-toolbar-action>
             </ng-container>

src/app/components/preview/preview.component.scss

@@ -2,3 +2,17 @@
   width: 100%;
   height: 100%;
 }
+
+.hide-last-divider .adf-viewer-toolbar .mat-toolbar {
+  adf-toolbar-divider:last-of-type {
+    display: none;
+  }
+
+  > button:last-of-type {
+    right: 40px;
+  }
+}
+
+#adf-viewer-moreactions {
+  right: -40px;
+}

src/app/components/preview/preview.component.ts

@@ -74,6 +74,7 @@ export class PreviewComponent extends PageComponent
   navigateMultiple = false;
   openWith: Array<ContentActionRef> = [];
   contentExtensions: Array<ViewerExtensionRef> = [];
+  hasRightSidebar = true;
 
   constructor(
     private contentApi: ContentApiService,