TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-03-07 20:10:03 +03:00
Code Issues Packages Projects Releases Wiki Activity

more stylistic improvements

Browse Source
This commit is contained in:
Isaac Grynsztein
2019-10-21 02:46:22 -04:00
parent 9fa646132d
commit 9e148d1464
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/app.component.css
View File

@@ -43,6 +43,14 @@ mat-form-field.mat-form-field {
.spinner {
position: absolute;
display: inline-block;
margin-left: 8px;
margin-left: -28px;
margin-top: -10px;
}
.make-room-for-spinner {
padding-right: 40px;
}
.equal-sizes {
padding-right: 20px;
}

2
src/app/app.component.html
View File

@@ -39,7 +39,7 @@
</div>
<br/>
<div class="centered big" id="bar_div" *ngIf="downloadingfile;else nofile">
<div style="display: inline-block; width: 800px;" *ngIf="determinateProgress;else indeterminateprogress">
<div [ngClass]="(determinateProgress && percentDownloaded === 100)?'make-room-for-spinner':'equal-sizes'" style="display: inline-block; width: 100%; padding-left: 20px" *ngIf="determinateProgress;else indeterminateprogress">
<mat-progress-bar mode="determinate" value="{{percentDownloaded}}"></mat-progress-bar>
<br/>
</div>