aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-video-miniature
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared/shared-video-miniature')
-rw-r--r--client/src/app/shared/shared-video-miniature/video-download.component.html29
-rw-r--r--client/src/app/shared/shared-video-miniature/video-download.component.scss4
2 files changed, 15 insertions, 18 deletions
diff --git a/client/src/app/shared/shared-video-miniature/video-download.component.html b/client/src/app/shared/shared-video-miniature/video-download.component.html
index 8a9218343..4ac74c106 100644
--- a/client/src/app/shared/shared-video-miniature/video-download.component.html
+++ b/client/src/app/shared/shared-video-miniature/video-download.component.html
@@ -4,10 +4,10 @@
4 <ng-container i18n>Download</ng-container> 4 <ng-container i18n>Download</ng-container>
5 5
6 <div *ngIf="videoCaptions" ngbDropdown class="d-inline-block ml-1"> 6 <div *ngIf="videoCaptions" ngbDropdown class="d-inline-block ml-1">
7 <span id="dropdownDownloadType" ngbDropdownToggle> 7 <span id="dropdown-download-type" ngbDropdownToggle>
8 {{ type }} 8 {{ type }}
9 </span> 9 </span>
10 <div ngbDropdownMenu aria-labelledby="dropdownDownloadType"> 10 <div ngbDropdownMenu aria-labelledby="dropdown-download-type">
11 <button *ngIf="type === 'video'" (click)="switchToType('subtitles')" ngbDropdownItem i18n>subtitles</button> 11 <button *ngIf="type === 'video'" (click)="switchToType('subtitles')" ngbDropdownItem i18n>subtitles</button>
12 <button *ngIf="type === 'subtitles'" (click)="switchToType('video')" ngbDropdownItem i18n>video</button> 12 <button *ngIf="type === 'subtitles'" (click)="switchToType('video')" ngbDropdownItem i18n>video</button>
13 </div> 13 </div>
@@ -37,7 +37,7 @@
37 37
38 <ng-container *ngFor="let file of getVideoFiles()" [ngbNavItem]="file.resolution.id"> 38 <ng-container *ngFor="let file of getVideoFiles()" [ngbNavItem]="file.resolution.id">
39 <a ngbNavLink i18n>{{ file.resolution.label }}</a> 39 <a ngbNavLink i18n>{{ file.resolution.label }}</a>
40 40
41 <ng-template ngbNavContent> 41 <ng-template ngbNavContent>
42 <div class="nav-content"> 42 <div class="nav-content">
43 <div class="input-group input-group-sm"> 43 <div class="input-group input-group-sm">
@@ -53,7 +53,7 @@
53 </ng-container> 53 </ng-container>
54 </div> 54 </div>
55 <div [ngbNavOutlet]="resolutionNav"></div> 55 <div [ngbNavOutlet]="resolutionNav"></div>
56 56
57 <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed"> 57 <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed">
58 <ng-container *ngIf="videoFile?.metadata"> 58 <ng-container *ngIf="videoFile?.metadata">
59 <div ngbNav #nav="ngbNav" class="nav-tabs nav-metadata"> 59 <div ngbNav #nav="ngbNav" class="nav-tabs nav-metadata">
@@ -67,7 +67,7 @@
67 </div> 67 </div>
68 </div> 68 </div>
69 </ng-template> 69 </ng-template>
70 70
71 <ng-container ngbNavItem [disabled]="videoFileMetadataVideoStream === undefined"> 71 <ng-container ngbNavItem [disabled]="videoFileMetadataVideoStream === undefined">
72 <a ngbNavLink i18n>Video stream</a> 72 <a ngbNavLink i18n>Video stream</a>
73 <ng-template ngbNavContent> 73 <ng-template ngbNavContent>
@@ -79,7 +79,7 @@
79 </div> 79 </div>
80 </ng-template> 80 </ng-template>
81 </ng-container> 81 </ng-container>
82 82
83 <ng-container ngbNavItem [disabled]="videoFileMetadataAudioStream === undefined"> 83 <ng-container ngbNavItem [disabled]="videoFileMetadataAudioStream === undefined">
84 <a ngbNavLink i18n>Audio stream</a> 84 <a ngbNavLink i18n>Audio stream</a>
85 <ng-template ngbNavContent> 85 <ng-template ngbNavContent>
@@ -91,7 +91,7 @@
91 </div> 91 </div>
92 </ng-template> 92 </ng-template>
93 </ng-container> 93 </ng-container>
94 94
95 </ng-container> 95 </ng-container>
96 </div> 96 </div>
97 <div [ngbNavOutlet]="nav"></div> 97 <div [ngbNavOutlet]="nav"></div>
@@ -107,20 +107,20 @@
107 </div> 107 </div>
108 </ng-container> 108 </ng-container>
109 </div> 109 </div>
110 110
111 <div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button" 111 <div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button"
112 [attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic"> 112 [attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic">
113 <ng-container *ngIf="isAdvancedCustomizationCollapsed"> 113 <ng-container *ngIf="isAdvancedCustomizationCollapsed">
114 <span class="glyphicon glyphicon-menu-down"></span> 114 <span class="glyphicon glyphicon-menu-down"></span>
115 115
116 <ng-container i18n> 116 <ng-container i18n>
117 Advanced 117 Advanced
118 </ng-container> 118 </ng-container>
119 </ng-container> 119 </ng-container>
120 120
121 <ng-container *ngIf="!isAdvancedCustomizationCollapsed"> 121 <ng-container *ngIf="!isAdvancedCustomizationCollapsed">
122 <span class="glyphicon glyphicon-menu-up"></span> 122 <span class="glyphicon glyphicon-menu-up"></span>
123 123
124 <ng-container i18n> 124 <ng-container i18n>
125 Simple 125 Simple
126 </ng-container> 126 </ng-container>
@@ -131,13 +131,10 @@
131 131
132 <div class="modal-footer inputs"> 132 <div class="modal-footer inputs">
133 <input 133 <input
134 type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel" 134 type="button" role="button" i18n-value value="Cancel" class="peertube-button grey-button"
135 (click)="hide()" (key.enter)="hide()" 135 (click)="hide()" (key.enter)="hide()"
136 > 136 >
137 137
138 <input 138 <input type="submit" i18n-value value="Download" class="peertube-button orange-button" (click)="download()" />
139 type="submit" i18n-value value="Download" class="action-button-submit"
140 (click)="download()"
141 >
142 </div> 139 </div>
143</ng-template> 140</ng-template>
diff --git a/client/src/app/shared/shared-video-miniature/video-download.component.scss b/client/src/app/shared/shared-video-miniature/video-download.component.scss
index 199c3dac8..485db5ef5 100644
--- a/client/src/app/shared/shared-video-miniature/video-download.component.scss
+++ b/client/src/app/shared/shared-video-miniature/video-download.component.scss
@@ -17,7 +17,7 @@
17 .nav-tabs { 17 .nav-tabs {
18 margin-top: 10x; 18 margin-top: 10x;
19 } 19 }
20 20
21 .glyphicon { 21 .glyphicon {
22 margin-right: 5px; 22 margin-right: 5px;
23 } 23 }
@@ -46,7 +46,7 @@
46 @include orange-button; 46 @include orange-button;
47} 47}
48 48
49#dropdownDownloadType { 49#dropdown-download-type {
50 cursor: pointer; 50 cursor: pointer;
51} 51}
52 52