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

View File

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

View File

@ -1,31 +1,41 @@
.action-selection-mode { .action-selection-mode {
width: 174px; width: 174px;
display: flex;
justify-content: flex-end;
.action-selection-mode-child { .action-selection-mode-child {
position: fixed; 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 { /deep/ .action-button {
&.action-button-delete { &.action-button-delete {
margin-right: 10px; 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 { .video {