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 {