micord/evru-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SUPPORT-8826

Browse source
This commit is contained in:
m.epshtein 2024-12-25 17:37:27 +03:00
parent df31f73fb6
commit 5d301cccc1
2 changed files with 45 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

54
frontend/src/resources/css/components-dashboard.css
View file

@ -1276,6 +1276,49 @@
margin-top: var(--indent-medium);
}
/* ErvuFileUpload start */
.webbpm.ervu_dashboard .ervu-file-upload .file-drop-zone {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(--color-text-secondary);
min-height: 120px;
border-radius: 8px;
border: 1px solid var(--color-primary-20);
background-color: var(--bg-brick);
}
.webbpm.ervu_dashboard .ervu-file-upload .select-file-btn {
margin-top: var(--indent-base);
border-radius: 100px;
border: 0;
background-color: var(--color-text-secondary);
}
/* ErvuFileUpload end */
.webbpm.ervu_dashboard .modal-content {
padding: var(--indent-medium) var(--indent-large);
border-radius: var(--indent-xbase);
border: 1px solid var(--border-light);
background-color: var(--bg-group);
backdrop-filter: var(--bg-blur-20);
}
.webbpm.ervu_dashboard .modal-header {
font-size: var(--size-text-subtitle);
padding: 0;
margin-bottom: var(--indent-medium);
border: 0;
}
.webbpm.ervu_dashboard .modal-header .close {
color: var(--color-text-primary);
text-shadow: none;
outline: transparent;
}
.webbpm.ervu_dashboard .modal-body {
padding: 0;
}
/* Special pages */
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(1) {
flex: 0;
@ -1539,17 +1582,6 @@
width: 100% !important;
}
}
/* ErvuFileUpload start */
.webbpm .ervu-file-upload .file-drop-zone {
position: relative;
display: flex;
justify-content: center;
padding: 152px 0 66px 0;
border: 1px dashed #0e243b;
border-radius: 16px;
background: #a58888;
}
/* ErvuFileUpload end */
/*
grid-checkbox

4
frontend/src/resources/template/ervu-dashboard/ErvuFileUpload.html
View file

@ -6,7 +6,7 @@
class="file-drop-zone"
*ngIf="(!maxFilesToUpload || uploader.queue.length < maxFilesToUpload) && isDropZoneVisible">
<span class="select-file-field-text">{{selectFileFieldText}}</span>
<button class="select-file-btn" (click)="openFileChooseDialog()">{{selectFileButtonName}}</button>
<button class="btn select-file-btn" (click)="openFileChooseDialog()">{{selectFileButtonName}}</button>
</div>
<!-- input is out of file-drop-zone because after change ngIf condition input doesn't firing events -->
<input type="file"
@ -20,7 +20,7 @@
<div class="selected-file" *ngFor="let item of uploader.queue">
<span class="selected-file-name">{{item?.file?.name}}</span>
<span class="selected-file-size" *ngIf="displayFileSize">{{item?.file?.size/1024/1024 | number: '.2'}} MB</span>
<button class="selected-file-delete-btn" (click)="removeFile(item)">{{removeFileButtonName}}</button>
<button class="btn selected-file-delete-btn" (click)="removeFile(item)">{{removeFileButtonName}}</button>
</div>
</div>
<div class="file-upload-progress" *ngIf="displayProgressBar && isProgressBarVisible">