display: block;
font-size: 13px;
- color: $grey-foreground-color;
+ color: var(--greyForegroundColor);
&:hover {
color: $grey-foreground-hover-color;
::ng-deep .playlist-dropdown.show + my-action-dropdown .dropdown-root {
opacity: 1;
}
- }
- &:hover .video-actions ::ng-deep .dropdown-root {
- opacity: 1;
+ ::ng-deep .more-icon {
+ opacity: .6;
+
+ &:hover {
+ opacity: 1;
+ }
+ }
}
@media screen and (max-width: $small-view) {
- .video-miniature-information .video-miniature-name {
- margin-top: 0;
+ .video-miniature-information {
+ margin: 0 10px;
+
+ .video-miniature-name {
+ margin-top: 0;
+ }
}
.video-actions {
}
}
+ &:hover ::ng-deep .video-thumbnail .video-thumbnail-actions-overlay,
+ &:hover .video-bottom .video-actions ::ng-deep .dropdown-root {
+ opacity: 1;
+ }
+
&.display-as-row {
flex-direction: row;
margin-bottom: 0;
height: auto;
- width: 100%;
+ display: flex;
+ flex-grow: 1;
my-video-thumbnail {
margin-right: 10px;