]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
Fix angular 9 build
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / video-playlist / video-add-to-playlist.component.scss
1 @import '_variables';
2 @import '_mixins';
3
4 .header,
5 .dropdown-item,
6 .input-container {
7 padding: 6px 24px 10px 24px;
8 }
9
10 .header {
11 min-width: 240px;
12 margin-bottom: 10px;
13 border-bottom: 1px solid $separator-border-color;
14
15 .first-row {
16 display: flex;
17 align-items: center;
18
19 .title {
20 font-size: 18px;
21 flex-grow: 1;
22 }
23
24 .options {
25 display: flex;
26 align-items: center;
27 font-size: 14px;
28 cursor: pointer;
29
30 my-global-icon {
31 @include apply-svg-color(#333);
32
33 width: 16px;
34 height: 23px;
35 margin-right: 3px;
36 }
37 }
38 }
39
40 .options-row {
41 margin-top: 10px;
42 padding-left: 10px;
43
44 > div {
45 display: flex;
46 align-items: center;
47 }
48 }
49 }
50
51 .playlists {
52 max-height: 180px;
53 overflow-y: auto;
54 }
55
56 .playlist {
57 display: flex;
58 cursor: pointer;
59
60 my-peertube-checkbox {
61 margin-right: 10px;
62 }
63
64 .display-name {
65 display: flex;
66 align-items: flex-end;
67
68 .timestamp-info {
69 font-size: 0.9em;
70 color: $grey-foreground-color;
71 margin-left: 5px;
72 }
73 }
74 }
75
76 .new-playlist-button,
77 .new-playlist-block {
78 padding-top: 10px;
79 border-top: 1px solid $separator-border-color;
80 }
81
82 .new-playlist-button {
83 cursor: pointer;
84
85 my-global-icon {
86 @include apply-svg-color(#333);
87
88 position: relative;
89 left: -1px;
90 top: -1px;
91 margin-right: 4px;
92 width: 21px;
93 height: 21px;
94 }
95 }
96
97 input[type=text] {
98 @include peertube-input-text(200px);
99
100 display: block;
101 }
102
103 input[type=submit] {
104 @include peertube-button;
105 @include orange-button;
106 }