aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-03-06 15:05:19 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-03-06 15:05:19 +0100
commitde702865f47f647fafb34ca05dde3ea780a4ecb1 (patch)
treeb10527533a2e9b344e8b38a449afbe5d167aba32 /client/src/app
parent0503e975b1ae6a85ddd2b8b89af8b412f848c321 (diff)
downloadPeerTube-de702865f47f647fafb34ca05dde3ea780a4ecb1.tar.gz
PeerTube-de702865f47f647fafb34ca05dde3ea780a4ecb1.tar.zst
PeerTube-de702865f47f647fafb34ca05dde3ea780a4ecb1.zip
Share modal light UI simplification
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/videos/+video-watch/modal/video-share.component.html44
-rw-r--r--client/src/app/videos/+video-watch/modal/video-share.component.scss4
2 files changed, 21 insertions, 27 deletions
diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.html b/client/src/app/videos/+video-watch/modal/video-share.component.html
index 593dd8529..dd2dd34ab 100644
--- a/client/src/app/videos/+video-watch/modal/video-share.component.html
+++ b/client/src/app/videos/+video-watch/modal/video-share.component.html
@@ -92,26 +92,6 @@
92 </div> 92 </div>
93 </div> 93 </div>
94 94
95 <div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button"
96 [attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic">
97
98 <ng-container *ngIf="isAdvancedCustomizationCollapsed">
99 <span class="glyphicon glyphicon-menu-down"></span>
100
101 <ng-container i18n>
102 More customization
103 </ng-container>
104 </ng-container>
105
106 <ng-container *ngIf="!isAdvancedCustomizationCollapsed">
107 <span class="glyphicon glyphicon-menu-up"></span>
108
109 <ng-container i18n>
110 Less customization
111 </ng-container>
112 </ng-container>
113 </div>
114
115 <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed"> 95 <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed">
116 <div> 96 <div>
117 <div class="form-group stop-at"> 97 <div class="form-group stop-at">
@@ -174,12 +154,28 @@
174 </div> 154 </div>
175 </ng-container> 155 </ng-container>
176 </div> 156 </div>
157
158 <div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button"
159 [attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic">
160
161 <ng-container *ngIf="isAdvancedCustomizationCollapsed">
162 <span class="glyphicon glyphicon-menu-down"></span>
163
164 <ng-container i18n>
165 More customization
166 </ng-container>
167 </ng-container>
168
169 <ng-container *ngIf="!isAdvancedCustomizationCollapsed">
170 <span class="glyphicon glyphicon-menu-up"></span>
171
172 <ng-container i18n>
173 Less customization
174 </ng-container>
175 </ng-container>
176 </div>
177 </div> 177 </div>
178 </div> 178 </div>
179 </div> 179 </div>
180 180
181 <div class="modal-footer inputs">
182 <span i18n class="action-button action-button-cancel" (click)="hide()">Close</span>
183 </div>
184
185</ng-template> 181</ng-template>
diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.scss b/client/src/app/videos/+video-watch/modal/video-share.component.scss
index 8b5952da6..a5766d983 100644
--- a/client/src/app/videos/+video-watch/modal/video-share.component.scss
+++ b/client/src/app/videos/+video-watch/modal/video-share.component.scss
@@ -39,14 +39,12 @@ my-input-readonly-copy {
39 39
40.filters { 40.filters {
41 margin-top: 30px; 41 margin-top: 30px;
42 padding-top: 30px;
43 border-top: 1px solid $separator-border-color;
44 42
45 .advanced-filters-button { 43 .advanced-filters-button {
46 display: flex; 44 display: flex;
47 justify-content: center; 45 justify-content: center;
48 align-items: center; 46 align-items: center;
49 margin-top: 30px; 47 margin-top: 20px;
50 font-size: 16px; 48 font-size: 16px;
51 font-weight: $font-semibold; 49 font-weight: $font-semibold;
52 cursor: pointer; 50 cursor: pointer;