.action-button-delete-selection {
@include peertube-button;
@include orange-button;
- }
-
- .icon.icon-delete-white {
- @include icon(21px);
+ @include button-with-icon(21px);
- position: relative;
- top: -2px;
- background-image: url('../../../assets/images/global/delete-white.svg');
+ my-global-icon {
+ @include apply-svg-color(#fff);
+ }
}
}
}
-/deep/ .action-button {
- &.action-button-delete {
- margin-right: 10px;
- }
-}
-
.video {
- display: flex;
- min-height: 130px;
- padding-bottom: 20px;
- margin-bottom: 20px;
- border-bottom: 1px solid #C6C6C6;
+ @include row-blocks;
&:first-child {
margin-top: 47px;
align-items: center;
margin-right: 20px;
margin-left: 12px;
-
- input[type=checkbox] {
- @include peertube-checkbox(2px);
- }
}
my-video-thumbnail {
.video-info-name {
@include disable-default-a-behaviour;
- color: #000;
+ color: var(--mainForegroundColor);
display: block;
+ width: fit-content;
font-size: 16px;
font-weight: $font-semibold;
}
- .video-info-date-views, .video-info-private {
+ .video-info-date-views,
+ .video-info-private,
+ .video-info-blacklisted {
font-size: 13px;
- &.video-info-private {
+ &.video-info-private,
+ &.video-info-blacklisted .blacklisted-label {
font-weight: $font-semibold;
}
+
+ &.video-info-blacklisted {
+ color: red;
+
+ .blacklisted-reason {
+ &::before {
+ content: ' - ';
+ }
+ }
+ }
}
}
.video-buttons {
min-width: 190px;
+
+ *:not(:last-child) {
+ margin-right: 10px;
+ }
}
}
-@media screen and (max-width: 800px) {
+@media screen and (max-width: $small-view) {
.video {
flex-direction: column;
height: auto;
text-align: center;
+ .video-info-name {
+ margin: auto;
+ }
+
input[type=checkbox] {
display: none;
}