-.video, .cdk-drag-preview {
- display: flex;
- align-items: center;
- background-color: var(--mainBackgroundColor);
- cursor: pointer;
- padding: 10px;
- border-bottom: 1px solid $separator-border-color;
-
- &:hover {
- background-color: rgba(0, 0, 0, 0.05);
-
- .more {
- display: block;
- }
- }
-
- .position {
- font-weight: $font-semibold;
- margin-right: 10px;
- color: $grey-foreground-color;
- min-width: 20px;
- }
-
- my-video-thumbnail {
- display: flex; // Avoids an issue with line-height that adds space below the element
- margin-right: 10px;
-
- /deep/ .video-thumbnail {
- @include miniature-thumbnail(130px, 72px);
- }
- }
-
- .video-info {
- display: flex;
- flex-direction: column;
-
- a {
- @include disable-default-a-behaviour;
-
- color: var(--mainForegroundColor);
- }
-
- .video-info-name {
- font-size: 18px;
- font-weight: $font-semibold;
- }