Sync with development (#155)

* fix navigation docs issues

* update documentation (#142)

* update documentation

changed start command
used a tags for links nested inside table and p tags, because Github did not render them correctly

* set link to navigation on side-nav.md

* [ACA-1061] update project version (#145)

[ACA-1061] update project version

* move e2e to a separate repo

* fix "view" button (toolbar)

* Update doc-list.md (#148)

Correct minor typo.

* Update doc-list.md (#151)

Minor typo fix

* Update doc-list.md (#152)

Fixing more url typos.

* [ACA] Layout - fix tests (#150)

* mock sidenav data

* removed fdescribe

* [ACA] Breacrumb - fix opacity for active crumb (#153)

* full opacity when on first crumb

* indentation

* [ACA-1062] Document list - ellipses colums (#154)

docs/doc-list.md

@@ -13,27 +13,26 @@ The application has six different Document List views which share commonalities
 
 #### Personal Files
 
-Personal Files retrieves all content from the logged in user's home area (`/User Homes/<username>/` in the repository);
+Personal Files retrieves all content from the logged in user's home area (`/User Homes/<username>/`) in the repository;
 if the user is ‘admin’ who does not have a home folder then the repository root folder is shown.
 
-Personal Files is the [Files component](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/files),
+Personal Files is the [Files](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/files) component,
 using the [Nodes API](https://api-explorer.alfresco.com/api-explorer/#/nodes).
 
 #### File Libraries
 
 File Libraries retrieves all the sites that the user is a member of including what type of site it is: public, moderated or private.
-File Libraries is the [Libraries component](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/libraries),
+File Libraries is the [Libraries](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/libraries) component,
 using the [Sites API](https://api-explorer.alfresco.com/api-explorer/#/sites).
 
 When a user opens one of their sites then the content for the site's document library is shown.
-To display the files and folders from a site (`/Sites/<siteid>/Document Library/`) the [Files component](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/files),
+To display the files and folders from a site (`/Sites/<siteid>/Document Library/`) the [Files](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/files) component,
 using the [Nodes API](https://api-explorer.alfresco.com/api-explorer/#/nodes) is used.
 
 #### Shared Files
 
 The Shared Files view aggregates all files that have been shared using the QuickShare feature in the content repository.
-The [Shared Files component](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/shared-files)
+The [Shared Files](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/shared-files) component uses the [shared-links API](https://api-explorer.alfresco.com/api-explorer/#/shared-links)
-uses the [shared-links API](https://api-explorer.alfresco.com/api-explorer/#/shared-links)
 and includes extra columns to display where the file is
 [located](https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/location-link)
 in the content repository and who created the shared link.

src/app/components/layout/layout.component.spec.ts

@@ -26,7 +26,7 @@
 import { RouterTestingModule } from '@angular/router/testing';
 import { TestBed, ComponentFixture } from '@angular/core/testing';
 import { MinimalNodeEntryEntity } from 'alfresco-js-api';
-import { CoreModule, ContentService, PeopleContentService } from '@alfresco/adf-core';
+import { CoreModule, ContentService, PeopleContentService, AppConfigService } from '@alfresco/adf-core';
 import { Observable } from 'rxjs/Observable';
 
 import { BrowsingFilesService } from '../../common/services/browsing-files.service';
@@ -43,6 +43,12 @@ describe('LayoutComponent', () => {
     let browsingFilesService: BrowsingFilesService;
     let contentService: ContentService;
     let node;
+    const navItem = {
+        label: 'some-label',
+        route: {
+            url: '/some-url'
+        }
+    };
 
     beforeEach(() => {
         node = { id: 'node-id' };
@@ -61,6 +67,7 @@ describe('LayoutComponent', () => {
                 CurrentUserComponent
             ],
             providers: [
+                AppConfigService,
                 {
                     provide: PeopleContentService,
                     useValue: {
@@ -75,6 +82,9 @@ describe('LayoutComponent', () => {
         browsingFilesService = TestBed.get(BrowsingFilesService);
         contentService = TestBed.get(ContentService);
 
+        const appConfig = TestBed.get(AppConfigService);
+        spyOn(appConfig, 'get').and.returnValue([navItem]);
+
         fixture.detectChanges();
     });
 

src/app/ui/overrides/_alfresco-document-list.scss

@@ -32,6 +32,11 @@ adf-document-list {
         }
     }
 
+    td, th {
+        width: 100%;
+        text-align: left;
+    }
+
     .adf-data-table__header--sorted-asc,
     .adf-data-table__header--sorted-desc {
         &:hover {
@@ -58,13 +63,10 @@ adf-document-list {
         border: none !important;
     }
 
-
+    td:first-of-type, th:first-of-type {
-    .adf-data-table-cell--ellipsis {
+        padding-left: 24px;
-        width: 100%;
+        padding-right: 0;
-    }
+        width: 10px;
-
-    .adf-data-table-cell--ellipsis__name {
-        width: 85%;
     }
 
     .adf-data-table-cell--ellipsis .cell-value,
@@ -77,11 +79,18 @@ adf-document-list {
     .adf-data-table-cell--ellipsis__name .adf-datatable-cell {
         white-space: nowrap;
         display: block;
-        position: absolute;
-        max-width: calc(100% - 2em);
         overflow: hidden;
         text-overflow: ellipsis;
     }
+
+    .adf-data-table-cell--ellipsis .adf-datatable-cell {
+        max-width: 7vw;
+    }
+
+    .adf-data-table-cell--ellipsis__name .adf-datatable-cell {
+        position: absolute;
+        max-width: calc(100% - 2em);
+    }
 }
 
 .empty-list {

src/app/ui/overrides/_breadcrumb.scss

@@ -3,4 +3,8 @@
 .adf-breadcrumb {
     color: $alfresco-secondary-text-color;
     width: 0;
+
+    &-item:first-child:nth-last-child(1) {
+        opacity: 1;
+    }
 }