width: calc(100% - #{$more-button-width});
}
-.avatar {
+my-actor-avatar {
margin: 10px 10px 0 0;
-
- img:not(.channel) {
- @include avatar(40px);
- }
-
- img.channel {
- @include channel-avatar(40px);
- }
}
.video-miniature-created-at-views {
}
}
-.video-miniature {
- &:hover ::ng-deep .video-thumbnail-actions-overlay,
- &:hover .video-actions ::ng-deep .dropdown-root {
+.video-miniature:hover {
+ ::ng-deep .video-thumbnail-actions-overlay,
+ .video-actions ::ng-deep .dropdown-root {
opacity: 1 !important;
}
}
width: 100%;
my-video-thumbnail {
- @include large-screen-ratio($selector: '::ng-deep .video-thumbnail');
+ @include block-ratio($selector: '::ng-deep .video-thumbnail');
}
.video-bottom {
}
// We don't display avatar in row mode
- .avatar {
+ .channel-avatar {
display: none;
}