OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix selection buttons in my videos

pull/159/head
Chocobozzz 2017-12-11 10:38:17 +01:00
parent 9e6b41cc1d
commit dc595ab7ca
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/account/account-videos/account-videos.component.html
View File

@ -19,7 +19,7 @@
<!-- Display only once -->
<div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0">
<div class="action-selection-mode-child">
<span class="action-button" (click)="abortSelectionMode()">
<span class="action-button action-button-cancel-selection" (click)="abortSelectionMode()">
Cancel
</span>

42
client/src/app/account/account-videos/account-videos.component.scss
View File

@ -1,31 +1,41 @@
.action-selection-mode {
width: 174px;
display: flex;
justify-content: flex-end;
.action-selection-mode-child {
position: fixed;
.action-button {
display: inline-block;
}
.action-button-cancel-selection {
@include peertube-button;
@include grey-button;
margin-right: 10px;
}
.action-button-delete-selection {
@include peertube-button;
@include orange-button;
}
.icon.icon-delete-white {
@include icon(21px);
position: relative;
top: -2px;
background-image: url('../../../assets/images/global/delete-white.svg');
}
}
}
/deep/ .action-button {
&.action-button-delete {
margin-right: 10px;
}
&.action-button-delete-selection {
background-color: $orange-color;
color: #fff;
&:hover {
background-color: $orange-hoover-color;
}
}
.icon {
&.icon-delete-white {
background-image: url('../../../assets/images/global/delete-white.svg');
}
}
}
.video {