inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Draft

Browse Source
This commit is contained in:
deepusingh1304
2025-06-18 05:15:09 -04:00
parent eda59a1de8
commit 4edd377cd3
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/viewer/components/viewer.component.html
+16 -20
View File
@@ -9,6 +9,8 @@
<ng-content select="adf-viewer-toolbar" /> <ng-content select="adf-viewer-toolbar" />
<ng-container *ngIf="showToolbar && !toolbar"> <ng-container *ngIf="showToolbar && !toolbar">
<adf-toolbar id="adf-viewer-toolbar" class="adf-viewer-toolbar"> <adf-toolbar id="adf-viewer-toolbar" class="adf-viewer-toolbar">
<adf-toolbar-divider />
<adf-toolbar-title> <adf-toolbar-title>
<ng-container *ngIf="allowLeftSidebar"> <ng-container *ngIf="allowLeftSidebar">
<button mat-icon-button <button mat-icon-button
@@ -31,9 +33,7 @@
(click)="onClose()"> (click)="onClose()">
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>
</adf-toolbar-title>
<div class="adf-viewer__file-title">
<button *ngIf="allowNavigate && canNavigateBefore" <button *ngIf="allowNavigate && canNavigateBefore"
data-automation-id="adf-toolbar-pref-file" data-automation-id="adf-toolbar-pref-file"
mat-icon-button mat-icon-button
@@ -42,15 +42,7 @@
(click)="onNavigateBeforeClick($event)"> (click)="onNavigateBeforeClick($event)">
<mat-icon>navigate_before</mat-icon> <mat-icon>navigate_before</mat-icon>
</button> </button>
<img class="adf-viewer__mimeicon"
[alt]="'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate"
[src]="mimeTypeIconUrl"
data-automation-id="adf-file-thumbnail">
<div class="adf-viewer__display-name"
id="adf-viewer-display-name"
[title]="fileName">
<span>{{ displayName }}</span>
</div>
<button *ngIf="allowNavigate && canNavigateNext" <button *ngIf="allowNavigate && canNavigateNext"
data-automation-id="adf-toolbar-next-file" data-automation-id="adf-toolbar-next-file"
mat-icon-button mat-icon-button
@@ -59,7 +51,19 @@
(click)="onNavigateNextClick($event)"> (click)="onNavigateNextClick($event)">
<mat-icon>navigate_next</mat-icon> <mat-icon>navigate_next</mat-icon>
</button> </button>
</div>
<div class="adf-viewer__file-title">
<img class="adf-viewer__mimeicon"
[alt]="'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate"
[src]="mimeTypeIconUrl"
data-automation-id="adf-file-thumbnail">
<div class="adf-viewer__display-name"
id="adf-viewer-display-name"
[title]="fileName">
<span>{{ displayName }}</span>
</div>
</div>
</adf-toolbar-title>
<ng-content select="adf-viewer-toolbar-actions" /> <ng-content select="adf-viewer-toolbar-actions" />
@@ -78,8 +82,6 @@
</mat-menu> </mat-menu>
</ng-container> </ng-container>
<adf-toolbar-divider />
<ng-content select="adf-viewer-toolbar-custom-actions" /> <ng-content select="adf-viewer-toolbar-custom-actions" />
<button id="adf-viewer-fullscreen" <button id="adf-viewer-fullscreen"
@@ -94,7 +96,6 @@
<ng-container *ngIf="allowRightSidebar && !hideInfoButton"> <ng-container *ngIf="allowRightSidebar && !hideInfoButton">
<adf-toolbar-divider /> <adf-toolbar-divider />
<button mat-icon-button <button mat-icon-button
[attr.aria-expanded]="showRightSidebar" [attr.aria-expanded]="showRightSidebar"
[attr.aria-label]="'ADF_VIEWER.ACTIONS.INFO' | translate" [attr.aria-label]="'ADF_VIEWER.ACTIONS.INFO' | translate"
@@ -104,7 +105,6 @@
(click)="toggleRightSidebar()"> (click)="toggleRightSidebar()">
<mat-icon>info_outline</mat-icon> <mat-icon>info_outline</mat-icon>
</button> </button>
</ng-container> </ng-container>
<ng-container *ngIf="mnuMoreActions"> <ng-container *ngIf="mnuMoreActions">
@@ -124,7 +124,6 @@
<ng-container *ngIf="allowGoBack && closeButtonPosition === CloseButtonPosition.Right"> <ng-container *ngIf="allowGoBack && closeButtonPosition === CloseButtonPosition.Right">
<adf-toolbar-divider /> <adf-toolbar-divider />
<button class="adf-viewer-close-button" <button class="adf-viewer-close-button"
data-automation-id="adf-toolbar-right-back" data-automation-id="adf-toolbar-right-back"
[attr.aria-label]="'ADF_VIEWER.ACTIONS.CLOSE' | translate" [attr.aria-label]="'ADF_VIEWER.ACTIONS.CLOSE' | translate"
@@ -134,12 +133,10 @@
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>
</ng-container> </ng-container>
</adf-toolbar> </adf-toolbar>
</ng-container> </ng-container>
<div class="adf-viewer-sidebars"> <div class="adf-viewer-sidebars">
<ng-container *ngIf="allowRightSidebar && showRightSidebar"> <ng-container *ngIf="allowRightSidebar && showRightSidebar">
<div class="adf-viewer__sidebar adf-viewer__sidebar__right" <div class="adf-viewer__sidebar adf-viewer__sidebar__right"
id="adf-right-sidebar"> id="adf-right-sidebar">
@@ -175,7 +172,6 @@
[viewerTemplateExtensions]="viewerExtensions ?? viewerTemplateExtensions" [viewerTemplateExtensions]="viewerExtensions ?? viewerTemplateExtensions"
[nodeId]="nodeId" [nodeId]="nodeId"
[customError]="customError" /> [customError]="customError" />
</div> </div>
</div> </div>
</div> </div>
lib/core/src/lib/viewer/components/viewer.component.scss
+4
View File
@@ -35,6 +35,10 @@
&-toolbar { &-toolbar {
#{ms.$mat-toolbar} { #{ms.$mat-toolbar} {
background-color: var(--adf-theme-background-card-color-087); background-color: var(--adf-theme-background-card-color-087);
adf-toolbar-divider:first-child {
display: none;
}
} }
} }