6 background-color: pvar(--submenuColor);
7 margin-left: -$not-expanded-horizontal-margins;
8 margin-top: -$sub-menu-margin-bottom;
13 flex-direction: column;
14 justify-content: flex-start;
17 /* fix ellipsis dots background color */
18 ::ng-deep .miniature-name::after {
19 background-color: pvar(--submenuColor) !important;
25 margin: 30px 0 10px 0;
28 @include peertube-button;
29 @include button-with-icon(17px, 3px, -1px);
31 @include apply-svg-color(pvar(--actionButtonColor));
37 // Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples
39 box-sizing: border-box;
41 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
42 0 8px 10px 1px rgba(0, 0, 0, 0.14),
43 0 3px 14px 2px rgba(0, 0, 0, 0.12);
46 .cdk-drag-placeholder {
51 transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
58 .videos.cdk-drop-list-dragging .video:not(.cdk-drag-placeholder) {
59 transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
62 @media screen and (max-width: $small-view) {
66 margin-left: calc(#{var(--expanded-horizontal-margin-content)} * -1);
70 padding: 0 !important;
73 ::ng-deep my-video-playlist-element-miniature {
76 padding: 5px !important;
80 margin-right: 5px !important;