{{version.entry.name}}
+{{ version.entry.name }}
- {{version.entry.id}} - - {{version.entry.modifiedAt | date}} + {{ version.entry.id }} - + {{ version.entry.modifiedAt | date }}
-+
{{ version.entry.versionComment }}
diff --git a/lib/content-services/src/lib/version-manager/version-list.component.scss b/lib/content-services/src/lib/version-manager/version-list.component.scss index b5fb64f174..7e5761fe1d 100644 --- a/lib/content-services/src/lib/version-manager/version-list.component.scss +++ b/lib/content-services/src/lib/version-manager/version-list.component.scss @@ -1,12 +1,17 @@ .adf-version-list { - .adf-version-list-viewport { + &-viewport { height: 100%; overflow-x: hidden; + display: flex; + + :first-child { + max-width: 100%; + } } - .adf-version-list-item { + &-item { border-bottom: 1px solid var(--adf-theme-foreground-divider-color); - width: 100vw; + width: 100%; } &-item-version { @@ -18,7 +23,7 @@ } &-item-comment { - width: 500px; + width: 100%; opacity: 0.5; @media screen and (width <= 629px) { diff --git a/lib/content-services/src/lib/version-manager/version-list.component.ts b/lib/content-services/src/lib/version-manager/version-list.component.ts index 6d40690648..330574ac5b 100644 --- a/lib/content-services/src/lib/version-manager/version-list.component.ts +++ b/lib/content-services/src/lib/version-manager/version-list.component.ts @@ -19,9 +19,9 @@ import { AlfrescoApiService } from '@alfresco/adf-core'; import { Component, Input, OnChanges, ViewEncapsulation, EventEmitter, Output, OnInit, OnDestroy, ViewChild } from '@angular/core'; import { VersionsApi, Node, VersionEntry, NodesApi, NodeEntry, ContentApi, ContentPagingQuery } from '@alfresco/js-api'; import { MatDialog } from '@angular/material/dialog'; -import { ConfirmDialogComponent } from '../dialogs/confirm.dialog'; +import { ConfirmDialogComponent } from '../dialogs'; import { ContentVersionService } from './content-version.service'; -import { ContentService } from '../common/services/content.service'; +import { ContentService } from '../common'; import { InfiniteScrollDatasource } from '../infinite-scroll-datasource'; import { from, Observable, Subject } from 'rxjs'; import { map, take, takeUntil } from 'rxjs/operators';