+@import '_variables';
+@import '_mixins';
+
.action-selection-mode {
width: 174px;
+ display: flex;
+ justify-content: flex-end;
.action-selection-mode-child {
position: fixed;
- }
-}
-/deep/ .action-button {
+ .action-button {
+ display: inline-block;
+ }
- &.action-button-delete {
- margin-right: 10px;
- }
+ .action-button-cancel-selection {
+ @include peertube-button;
+ @include grey-button;
- &.action-button-delete-selection {
- background-color: $orange-color;
- color: #fff;
+ margin-right: 10px;
+ }
- &:hover {
- background-color: $orange-hoover-color;
+ .action-button-delete-selection {
+ @include peertube-button;
+ @include orange-button;
}
- }
- .icon {
- &.icon-delete-white {
+ .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;
+ }
+}
+
.video {
display: flex;
- height: 130px;
+ min-height: 130px;
padding-bottom: 20px;
-
- input[type=checkbox] {
- margin-right: 20px;
- outline: 0;
- }
+ margin-bottom: 20px;
+ border-bottom: 1px solid #C6C6C6;
&:first-child {
margin-top: 47px;
}
- &:not(:last-child) {
- margin-bottom: 20px;
- border-bottom: 1px solid #C6C6C6;
+ .checkbox-container {
+ display: flex;
+ align-items: center;
+ margin-right: 20px;
+ margin-left: 12px;
+
+ input[type=checkbox] {
+ @include peertube-checkbox(2px);
+ }
}
my-video-thumbnail {
flex-grow: 1;
.video-info-name {
+ @include disable-default-a-behaviour;
+
+ color: #000;
+ display: block;
font-size: 16px;
font-weight: $font-semibold;
}
font-size: 13px;
}
}
+
+ .video-buttons {
+ min-width: 190px;
+ }
}
@media screen and (max-width: 800px) {