inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix responsiveness issues for empty screen (#4389)

Browse Source 
* fix responsiveness issues for empty screen

* fix test

* fix test
This commit is contained in:
Denys Vuika
2019-03-16 15:23:39 +00:00
committed by Eugenio Romano
parent fc2132e248
commit 94cd14bf71
8 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
demo-shell/src/app/components/trashcan/trashcan.component.html
View File

@@ -42,8 +42,8 @@
<adf-empty-content <adf-empty-content
icon="delete" icon="delete"
[title]="'TRASHCAN.EMPTY_STATE.TITLE'"> [title]="'TRASHCAN.EMPTY_STATE.TITLE'">
<p class="adf-empty-content__text">{{ 'TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</p> <div class="adf-empty-content__text">{{ 'TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</div>
<p class="adf-empty-content__text">{{ 'TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p> <div class="adf-empty-content__text">{{ 'TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</div>
</adf-empty-content> </adf-empty-content>
</adf-custom-empty-content-template> </adf-custom-empty-content-template>

2
e2e/pages/adf/process-cloud/processListCloudComponent.ts
View File

@@ -22,7 +22,7 @@ import { element, by } from 'protractor';
export class ProcessListCloudComponent { export class ProcessListCloudComponent {
processList = element(by.css('adf-cloud-process-list')); processList = element(by.css('adf-cloud-process-list'));
noProcessFound = element.all(by.css("p[class='adf-empty-content__title']")).first(); noProcessFound = element.all(by.css("div[class='adf-empty-content__title']")).first();
dataTable = new DataTableComponentPage(this.processList); dataTable = new DataTableComponentPage(this.processList);

2
e2e/pages/adf/process-cloud/taskListCloudComponent.ts
View File

@@ -26,7 +26,7 @@ let column = {
export class TaskListCloudComponent { export class TaskListCloudComponent {
taskList = element(by.css('adf-cloud-task-list')); taskList = element(by.css('adf-cloud-task-list'));
noTasksFound = element.all(by.css("p[class='adf-empty-content__title']")).first(); noTasksFound = element.all(by.css("div[class='adf-empty-content__title']")).first();
dataTable = new DataTableComponentPage(this.taskList); dataTable = new DataTableComponentPage(this.taskList);

2
e2e/pages/adf/process-services/processFiltersPage.ts
View File

@@ -31,7 +31,7 @@ export class ProcessFiltersPage {
processesPage = element(by.css('div[class="adf-grid"] > div[class="adf-grid-item adf-processes-menu"]')); processesPage = element(by.css('div[class="adf-grid"] > div[class="adf-grid-item adf-processes-menu"]'));
accordionMenu = element(by.css('.adf-processes-menu mat-accordion')); accordionMenu = element(by.css('.adf-processes-menu mat-accordion'));
buttonWindow = element(by.css('div > button[data-automation-id="btn-start-process"] > div')); buttonWindow = element(by.css('div > button[data-automation-id="btn-start-process"] > div'));
noContentMessage = element.all(by.css('p[class="adf-empty-content__title"]')).first(); noContentMessage = element.all(by.css('div[class="adf-empty-content__title"]')).first();
rows = by.css('adf-process-instance-list div[class="adf-datatable-body"] div[class*="adf-datatable-row"]'); rows = by.css('adf-process-instance-list div[class="adf-datatable-body"] div[class*="adf-datatable-row"]');
tableBody = element.all(by.css('adf-datatable div[class="adf-datatable-body"]')).first(); tableBody = element.all(by.css('adf-datatable div[class="adf-datatable-body"]')).first();
nameColumn = by.css('div[class*="adf-datatable-body"] div[class*="adf-datatable-row"] div[title="Name"] span'); nameColumn = by.css('div[class*="adf-datatable-body"] div[class*="adf-datatable-row"] div[title="Name"] span');

2
e2e/pages/adf/process-services/processListPage.ts
View File

@@ -20,7 +20,7 @@ import { element, by } from 'protractor';
export class ProcessListPage { export class ProcessListPage {
processListTitle = element.all(by.css("p[class='adf-empty-content__title']")).first(); processListTitle = element.all(by.css("div[class='adf-empty-content__title']")).first();
processInstanceList = element(by.css('adf-process-instance-list')); processInstanceList = element(by.css('adf-process-instance-list'));
checkProcessListTitleIsDisplayed() { checkProcessListTitleIsDisplayed() {

2
e2e/pages/adf/process-services/tasksListPage.ts
View File

@@ -22,7 +22,7 @@ import { by, element } from 'protractor';
export class TasksListPage { export class TasksListPage {
taskList = element(by.css('adf-tasklist')); taskList = element(by.css('adf-tasklist'));
noTasksFound = element.all(by.css("p[class='adf-empty-content__title']")).first(); noTasksFound = element.all(by.css("div[class='adf-empty-content__title']")).first();
dataTable = new DataTableComponentPage(this.taskList); dataTable = new DataTableComponentPage(this.taskList);
getDataTable() { getDataTable() {

4
lib/core/templates/empty-content/empty-content.component.html
View File

@@ -1,6 +1,6 @@
<div class="adf-empty-content"> <div class="adf-empty-content">
<mat-icon class="adf-empty-content__icon">{{ icon }}</mat-icon> <mat-icon class="adf-empty-content__icon">{{ icon }}</mat-icon>
<p class="adf-empty-content__title">{{ title | translate }}</p> <div class="adf-empty-content__title">{{ title | translate }}</div>
<p class="adf-empty-content__subtitle">{{ subtitle | translate }}</p> <div class="adf-empty-content__subtitle">{{ subtitle | translate }}</div>
<ng-content></ng-content> <ng-content></ng-content>
</div> </div>

5
lib/core/templates/empty-content/empty-content.component.scss
View File

@@ -19,6 +19,9 @@
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
line-height: 0; line-height: 0;
white-space: normal;
text-align: center;
margin: 10px 0;
} }
&__subtitle, &__subtitle,
@@ -26,6 +29,8 @@
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
line-height: inherit; line-height: inherit;
white-space: normal;
text-align: center;
} }
} }
} }