inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-08 14:51:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4595] Change demo-shell style classes prefix (#5132)

Browse Source 
* [ADF-4595] Change demo-shell style classes prefix

* Change more files

* Trigger e2e tests

* Fix e2e selectors

* Fix e2e tests

* Fix e2e tests
This commit is contained in:
davidcanonieto
2019-10-18 17:35:01 +01:00
committed by Eugenio Romano
parent 83094b43ff
commit f2c1778eda
101 changed files with 576 additions and 562 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell/src/app/components/search/search-bar.component.scss
View File

@@ -1,5 +1,5 @@
.adf-search-elements {
.app-search-elements {
display: flex;
align-items: center;
}

12
demo-shell/src/app/components/search/search-extended.component.html
View File

@@ -1,5 +1,5 @@
<div>
<div id="container-for-custom-input" class="adf-search-extended-input-containers">
<div id="container-for-custom-input" class="app-search-extended-input-containers">
<mat-form-field>
<label>{{'APP_LAYOUT.WORD_TO_SEARCH' | translate}}</label>
<input type="text" matInput
@@ -8,12 +8,12 @@
</div>
<div>
<adf-search #auto="searchAutocomplete"
class="adf-example-card-search-container">
class="app-example-card-search-container">
<ng-template let-data>
<mat-card class="adf-example-card"
<mat-card class="app-example-card"
*ngFor="let item of data?.list?.entries; let idx = index" (click)="onClick(item)">
<mat-card-header>
<div mat-card-avatar class="adf-example-header-image"></div>
<div mat-card-avatar class="app-example-header-image"></div>
<mat-card-title>{{ item?.entry.name }}</mat-card-title>
<mat-card-subtitle>{{ item?.entry.createdAt }}</mat-card-subtitle>
</mat-card-header>
@@ -24,8 +24,8 @@
</p>
</mat-card-content>
</mat-card>
<mat-card class="adf-example-card" id="search_no_result" *ngIf="data?.list?.entries.length === 0">
<p mat-line class="adf-search-fixed-text">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm: searchedWord} }}</p>
<mat-card class="app-example-card" id="search_no_result" *ngIf="data?.list?.entries.length === 0">
<p mat-line class="app-search-fixed-text">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm: searchedWord} }}</p>
</mat-card>
</ng-template>
</adf-search>

41
demo-shell/src/app/components/search/search-extended.component.scss
View File

@@ -1,62 +1,61 @@
div.adf-search-results-container {
div.app-search-results-container {
padding: 0 20px 20px;
}
.adf-search-title {
.app-search-title {
font-size: 22px;
padding: 15px 0;
}
@media screen and (max-width: 600px) {
:host .adf-col-display-name {
:host .app-col-display-name {
min-width: 100px;
}
:host .adf-col-modified-at, :host .adf-col-modified-by {
:host .app-col-modified-at, :host .app-col-modified-by {
display: none;
}
:host div.adf-search-results-container table {
:host div.app-search-results-container table {
width: 100%;
}
}
.adf-search-results-content {
.app-search-results-content {
display: flex;
}
.adf-search-extended-input-containers {
.app-search-extended-input-containers {
display: flex;
flex-direction: row-reverse;
justify-content: space-evenly;
}
.adf-search-extended-input-textarea {
.app-search-extended-input-textarea {
width: 300px;
}
.adf-search-extended-label-error {
.app-search-extended-label-error {
display: flex;
flex-direction: column;
}
.adf-example-card {
.app-example-card {
width: 200px;
flex: 0 20%;
margin: 15px;
}
}
.adf-example-card-search-container {
.app-example-card-search-container {
display: flex;
flex-wrap: wrap;
}
.example-header-image {
}
.example-header-image {
background-size: cover;
margin-bottom: 15px;
}
}
.example-search-input {
width: 100px;
border: 1 solid;
border-color: black;
}
.example-search-input {
width: 100px;
border: 1 solid;
border-color: black;
}

10
demo-shell/src/app/components/search/search-result.component.html
View File

@@ -1,13 +1,13 @@
<div class="adf-search-results__facets">
<div class="app-search-results__facets">
<adf-search-chip-list [searchFilter]="searchFilter" [clearAll]="true"></adf-search-chip-list>
</div>
<div class="adf-search-results">
<adf-search-filter class="adf-search-settings" #searchFilter></adf-search-filter>
<div class="app-search-results">
<adf-search-filter class="app-search-settings" #searchFilter></adf-search-filter>
<div class="adf-search-results__content">
<div class="app-search-results__content">
<mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate"></mat-progress-bar>
<div class="adf-search-results__sorting">
<div class="app-search-results__sorting">
<adf-search-sorting-picker></adf-search-sorting-picker>
</div>
<app-files-component

14
demo-shell/src/app/components/search/search-result.component.scss
View File

@@ -1,8 +1,8 @@
.adf-search-results {
.app-search-results {
display: flex;
margin-left: 5px;
.adf-search-settings {
.app-search-settings {
width: 260px;
border: 1px solid #eee;
}
@@ -20,23 +20,23 @@
}
}
div.adf-search-results-container {
div.app-search-results-container {
padding: 0 20px 20px;
}
.adf-search-title {
.app-search-title {
font-size: 22px;
padding: 15px 0;
}
@media screen and (max-width: 600px) {
:host .adf-col-display-name {
:host .app-col-display-name {
min-width: 100px;
}
:host .adf-col-modified-at, :host .adf-col-modified-by {
:host .app-col-modified-at, :host .app-col-modified-by {
display: none;
}
:host div.adf-search-results-container table {
:host div.app-search-results-container table {
width: 100%;
}
}