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

Adjusted styling for advanced download bar to make it look more natural and part of the page

Browse Source
This commit is contained in:
Isaac Grynsztein
2020-03-26 10:48:46 -04:00
parent d33346b11d
commit 4906e52c57
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/main/main.component.css
View File

@@ -124,4 +124,12 @@ mat-form-field.mat-form-field {
.edit-button { .edit-button {
margin-left: 10px; margin-left: 10px;
top: -5px; top: -5px;
}
.no-border-radius-bottom {
border-radius: 4px 4px 0px 0px;
}
.no-border-radius-top {
border-radius: 0px 0px 4px 4px;
} }

6
src/app/main/main.component.html
View File

@@ -1,6 +1,6 @@
<br/> <br/>
<div class="big demo-basic"> <div class="big demo-basic">
<mat-card id="card" style="margin-right: 20px; margin-left: 20px;"> <mat-card id="card" style="margin-right: 20px; margin-left: 20px;" [ngClass]="(allowAdvancedDownload) ? 'no-border-radius-bottom' : null">
<mat-card-title> <mat-card-title>
<ng-container i18n="Youtube downloader home page label">Youtube Downloader</ng-container> <ng-container i18n="Youtube downloader home page label">Youtube Downloader</ng-container>
</mat-card-title> </mat-card-title>
@@ -90,7 +90,7 @@
</div> </div>
<div *ngIf="allowAdvancedDownload" class="big demo-basic"> <div *ngIf="allowAdvancedDownload" class="big demo-basic">
<form style="margin-left: 20px; margin-right: 20px;"> <form style="margin-left: 20px; margin-right: 20px;">
<mat-expansion-panel class="big"> <mat-expansion-panel class="big no-border-radius-top">
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-title> <mat-panel-title>
<ng-container i18n="Advanced download mode panel"> <ng-container i18n="Advanced download mode panel">
@@ -159,7 +159,7 @@
<mat-card id="card" style="margin-right: 20px; margin-left: 20px;"> <mat-card id="card" style="margin-right: 20px; margin-left: 20px;">
<div class="container"> <div class="container">
<div *ngFor="let download of downloads; let i = index;" class="row"> <div *ngFor="let download of downloads; let i = index;" class="row">
<ng-container *ngIf="current_download !== download"> <ng-container *ngIf="current_download !== download && download['downloading']">
<app-download-item style="width: 100%" [download]="download" [queueNumber]="i+1" (cancelDownload)="cancelDownload($event)"></app-download-item> <app-download-item style="width: 100%" [download]="download" [queueNumber]="i+1" (cancelDownload)="cancelDownload($event)"></app-download-item>
<mat-divider style="position: relative" *ngIf="i !== downloads.length - 1"></mat-divider> <mat-divider style="position: relative" *ngIf="i !== downloads.length - 1"></mat-divider>
</ng-container> </ng-container>