forks
/
peertube
1
0
Fork 0
Code Releases Activity

Share modal light UI simplification

This commit is contained in:
Rigel Kent 2020-03-06 15:05:19 +01:00
parent 0503e975b1
commit de702865f4
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
3 changed files with 22 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
client/src/app/videos/+video-watch/modal/video-share.component.html
View File

@ -92,26 +92,6 @@
</div>
</div>
<div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button"
[attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic">
<ng-container *ngIf="isAdvancedCustomizationCollapsed">
<span class="glyphicon glyphicon-menu-down"></span>
<ng-container i18n>
More customization
</ng-container>
</ng-container>
<ng-container *ngIf="!isAdvancedCustomizationCollapsed">
<span class="glyphicon glyphicon-menu-up"></span>
<ng-container i18n>
Less customization
</ng-container>
</ng-container>
</div>
<div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed">
<div>
<div class="form-group stop-at">
@ -174,12 +154,28 @@
</div>
</ng-container>
</div>
<div (click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role="button" class="advanced-filters-button"
[attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic">
<ng-container *ngIf="isAdvancedCustomizationCollapsed">
<span class="glyphicon glyphicon-menu-down"></span>
<ng-container i18n>
More customization
</ng-container>
</ng-container>
<ng-container *ngIf="!isAdvancedCustomizationCollapsed">
<span class="glyphicon glyphicon-menu-up"></span>
<ng-container i18n>
Less customization
</ng-container>
</ng-container>
</div>
</div>
</div>
</div>
<div class="modal-footer inputs">
<span i18n class="action-button action-button-cancel" (click)="hide()">Close</span>
</div>
</ng-template>

4
client/src/app/videos/+video-watch/modal/video-share.component.scss
View File

@ -39,14 +39,12 @@ my-input-readonly-copy {
.filters {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid $separator-border-color;
.advanced-filters-button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
margin-top: 20px;
font-size: 16px;
font-weight: $font-semibold;
cursor: pointer;

2
client/src/sass/include/_mixins.scss
View File

@ -527,7 +527,7 @@
.links {
margin-top: 0;
margin-bottom: 10px;
margin-bottom: 15px;
a {
margin-top: 0;