TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-21 06:53:18 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added icon for file type (audio/video) next to the download date

Browse Source
This commit is contained in:
Isaac Abadi
2020-08-02 18:25:41 -04:00
parent 3df384de22
commit 68037613d8
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/unified-file-card/unified-file-card.component.html
View File

@@ -1,5 +1,5 @@
<div style="position: relative; width: fit-content;"> <div style="position: relative; width: fit-content;">
<div class="download-time">{{file_obj.registered | date:'shortDate'}}</div> <div class="download-time"><mat-icon class="audio-video-icon">{{file_obj.isAudio ? 'audiotrack' : 'movie'}}</mat-icon>&nbsp;&nbsp;{{file_obj.registered | date:'shortDate'}}</div>
<button [matMenuTriggerFor]="action_menu" class="menuButton" mat-icon-button><mat-icon>more_vert</mat-icon></button> <button [matMenuTriggerFor]="action_menu" class="menuButton" mat-icon-button><mat-icon>more_vert</mat-icon></button>
<mat-menu #action_menu="matMenu"> <mat-menu #action_menu="matMenu">
<button (click)="openFileInfoDialog()" mat-menu-item><mat-icon>info</mat-icon><ng-container i18n="Video info button">Info</ng-container></button> <button (click)="openFileInfoDialog()" mat-menu-item><mat-icon>info</mat-icon><ng-container i18n="Video info button">Info</ng-container></button>

7
src/app/components/unified-file-card/unified-file-card.component.scss
View File

@@ -94,11 +94,16 @@
.download-time { .download-time {
position: absolute; position: absolute;
top: 5px; top: 1px;
left: 5px; left: 5px;
z-index: 99999; z-index: 99999;
} }
.audio-video-icon {
position: relative;
top: 6px;
}
@media (max-width: 576px){ @media (max-width: 576px){
// .example-card { // .example-card {