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

[AAE-4974] FE - Remove scroll bar from empty "Upload from your device" list (#7049)

Browse Source
This commit is contained in:
siva kumar
2021-06-01 14:16:33 +05:30
committed by GitHub
parent 1a0f2f5bcc
commit 2a9b406491
2 changed files with 57 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
lib/content-services/src/lib/content-node-selector/content-node-selector.component.html
View File

@@ -35,40 +35,46 @@
</mat-tab> </mat-tab>
<mat-tab *ngIf="canPerformLocalUpload()" <mat-tab *ngIf="canPerformLocalUpload()"
[disabled]="isNotAllowedToUpload()"> [disabled]="isNotAllowedToUpload()">
<adf-toolbar> <div class="adf-content-node-selector-local-upload-container">
<adf-toolbar-title> <div class="adf-content-node-selector-local-upload-header">
<adf-dropdown-breadcrumb <adf-toolbar>
class="adf-content-node-selector-content-breadcrumb" <adf-toolbar-title>
[folderNode]="breadcrumbFolderNode" <adf-dropdown-breadcrumb
[rootId]="data?.currentFolderId" class="adf-content-node-selector-content-breadcrumb"
[readOnly]="true" [folderNode]="breadcrumbFolderNode"
data-automation-id="content-node-selector-upload-breadcrumb" [rootId]="data?.currentFolderId"
></adf-dropdown-breadcrumb> [readOnly]="true"
<ng-container *ngIf="isCounterVisible()" [adf-node-counter]="getSelectedCount()"></ng-container> data-automation-id="content-node-selector-upload-breadcrumb"
</adf-toolbar-title> ></adf-dropdown-breadcrumb>
</adf-toolbar> <ng-container *ngIf="isCounterVisible()" [adf-node-counter]="getSelectedCount()"></ng-container>
<ng-template mat-tab-label> </adf-toolbar-title>
{{ 'NODE_SELECTOR.UPLOAD_FROM_DEVICE' | translate }} </adf-toolbar>
<mat-icon *ngIf="hasUploadError()" <ng-template mat-tab-label>
data-automation-id="adf-content-node-selector-disabled-tab-info-icon" {{ 'NODE_SELECTOR.UPLOAD_FROM_DEVICE' | translate }}
matTooltip="{{ getWarningMessage() | translate }}">info <mat-icon *ngIf="hasUploadError()"
</mat-icon> data-automation-id="adf-content-node-selector-disabled-tab-info-icon"
</ng-template> matTooltip="{{ getWarningMessage() | translate }}">info
<adf-upload-drag-area [rootFolderId]="currentDirectoryId"> </mat-icon>
<div [class.adf-upload-dialog-container]="uploadStarted"> </ng-template>
<adf-file-uploading-dialog [alwaysVisible]="true"></adf-file-uploading-dialog>
</div> </div>
<adf-empty-list data-automation-id="adf-empty-list" *ngIf="!uploadStarted"> <div class="adf-content-node-selector-local-upload-content">
<div class="adf-empty-list_template adf-empty-folder"> <adf-upload-drag-area [rootFolderId]="currentDirectoryId">
<div fxHide.lt-md="true" <div [class.adf-upload-dialog-container]="uploadStarted">
class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div> <adf-file-uploading-dialog [alwaysVisible]="true"></adf-file-uploading-dialog>
<div fxHide.lt-md="true" </div>
class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div> <adf-empty-list data-automation-id="adf-empty-list" *ngIf="!uploadStarted">
<img [alt]="'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate" class="adf-empty-folder-image" <div class="adf-empty-list_template adf-empty-folder">
[src]="emptyFolderImageUrl"> <div fxHide.lt-md="true"
</div> class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>
</adf-empty-list> <div fxHide.lt-md="true"
</adf-upload-drag-area> class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>
<img [alt]="'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate" class="adf-empty-folder-image"
[src]="emptyFolderImageUrl">
</div>
</adf-empty-list>
</adf-upload-drag-area>
</div>
</div>
</mat-tab> </mat-tab>
</mat-tab-group> </mat-tab-group>

19
lib/content-services/src/lib/content-node-selector/content-node-selector.component.scss
View File

@@ -24,12 +24,29 @@
} }
.adf-upload-dialog-container { .adf-upload-dialog-container {
height: 456px; height: 380px;
} }
.adf-toolbar-title { .adf-toolbar-title {
place-items: center; place-items: center;
} }
.adf-content-node-selector-local-upload-content {
height: 368px;
adf-upload-drag-area {
adf-empty-list {
.adf-empty-folder-drag-drop {
min-height:46px;
font-size: 40px;
}
.adf-empty-folder-image {
height: 100px;
width: 460px;
}
}
}
}
} }
.adf-content-node-selector-dialog { .adf-content-node-selector-dialog {