min-width: 200px;
max-width: 470px;
height: 66vh;
- background-color: var(--mainBackgroundColor);
+ background-color: pvar(--mainBackgroundColor);
overflow-y: auto;
border-bottom: 1px solid $separator-border-color;
}
.playlist-by-index {
- color: $grey-foreground-color;
+ color: pvar(--greyForegroundColor);
display: flex;
.playlist-by {
margin: 0 3px;
}
}
+
+ .playlist-controls {
+ display: flex;
+ margin: 10px 0;
+
+ my-global-icon:not(:last-child) {
+ margin-right: .5rem;
+ }
+
+ my-global-icon {
+ &:not(.active) {
+ opacity: .5
+ }
+
+ ::ng-deep {
+ cursor: pointer;
+ }
+ }
+ }
}
my-video-playlist-element-miniature {
- /deep/ {
+ ::ng-deep {
.video {
.position {
margin-right: 0;
my-video-thumbnail {
@include thumbnail-size-component(90px, 50px);
}
+
+ .fake-thumbnail {
+ width: 90px;
+ height: 50px;
+ }
}
}
}