ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

# 이슈처리 268

Browse Source
This commit is contained in:
leejinho 2020-02-18 16:40:46 +09:00
parent e2d0744aa9
commit 53e7d5026a
2 changed files with 56 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
View File

@ -161,22 +161,27 @@
</button> </button>
</div> </div>
<ul> <perfect-scrollbar>
<li *ngFor="let file of attachFile"> <ul class="attachFileList">
<div> <li *ngFor="let file of attachFile">
<span class="mdi" [ngClass]="getFileStatusIcon(file)"></span> <div>
<span>{{ file.resContent }}</span> <span
</div> class="mdi"
<span class="file-size">{{ file.resSize | ucapBytes }}</span> [ngClass]="getFileStatusIcon(file)"
<a> ></span>
<span <span>{{ file.resContent }}</span>
class="mdi mdi-download" </div>
*ngIf="file.activeYn" <span class="file-size">{{ file.resSize | ucapBytes }}</span>
(click)="downloadAttachFileSingle(file)" <a>
></span> <span
</a> class="mdi mdi-download"
</li> *ngIf="file.activeYn"
</ul> (click)="downloadAttachFileSingle(file)"
></span>
</a>
</li>
</ul>
</perfect-scrollbar>
</div> </div>
</div> </div>
</div> </div>

66
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
View File

@ -141,38 +141,42 @@
} }
.attachFile { .attachFile {
border-top: 1px solid #dddddd; border-top: 1px solid #dddddd;
li { .attachFileList {
display: flex; height: 80px;
flex-flow: row; li {
line-height: 2em;
flex: 1 1 auto;
.file-name {
display: inline-flex;
flex-flow: row;
flex: 1 1 auto;
border: 1px solid red;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
margin-right: 10px;
span:last-child {
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: calc(100% - 40px);
}
}
.file-size {
display: flex; display: flex;
margin-left: auto; flex-flow: row;
align-self: flex-end; line-height: 2em;
flex: 0 0 auto; flex: 1 1 auto;
} margin-right: 10px;
a { .file-name {
display: inline-block; display: inline-flex;
width: 20px; flex-flow: row;
height: 100%; flex: 1 1 auto;
margin-left: 10px; border: 1px solid red;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
margin-right: 10px;
span:last-child {
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: calc(100% - 40px);
}
}
.file-size {
display: flex;
margin-left: auto;
align-self: flex-end;
flex: 0 0 auto;
}
a {
display: inline-block;
width: 20px;
height: 100%;
margin-left: 10px;
}
} }
} }
} }