]>
Commit | Line | Data |
---|---|---|
22a16e36 C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
4f5d0459 RK |
4 | input[type=text] { |
5 | @include peertube-input-text(300px); | |
6 | } | |
7 | ||
22a16e36 C |
8 | .video-channel { |
9 | @include row-blocks; | |
10 | ||
746018f6 C |
11 | > my-actor-avatar { |
12 | @include actor-avatar-size(80px); | |
22a16e36 | 13 | |
27bc9586 | 14 | @include margin-right(10px); |
22a16e36 | 15 | } |
0f7407d9 | 16 | } |
22a16e36 | 17 | |
0f7407d9 C |
18 | .video-channel-info { |
19 | flex-grow: 1; | |
20 | ||
21 | a.video-channel-names { | |
22 | @include disable-default-a-behaviour; | |
23 | ||
24 | width: fit-content; | |
25 | display: flex; | |
26 | align-items: baseline; | |
27 | color: pvar(--mainForegroundColor); | |
28 | ||
29 | .video-channel-display-name { | |
30 | font-weight: $font-semibold; | |
31 | font-size: 18px; | |
32 | } | |
33 | ||
34 | .video-channel-name { | |
27bc9586 C |
35 | @include margin-left(5px); |
36 | ||
0f7407d9 C |
37 | font-size: 14px; |
38 | color: $grey-actor-name; | |
22a16e36 C |
39 | } |
40 | } | |
0f7407d9 | 41 | } |
22a16e36 | 42 | |
0f7407d9 | 43 | .actor-owner { |
746018f6 C |
44 | @include disable-default-a-behaviour; |
45 | ||
46 | font-size: 13px; | |
47 | color: pvar(--mainForegroundColor); | |
a8936810 | 48 | |
746018f6 C |
49 | span:hover { |
50 | opacity: 0.8; | |
51 | } | |
52 | ||
53 | my-actor-avatar { | |
27bc9586 | 54 | @include margin-left(7px); |
746018f6 C |
55 | display: inline-block; |
56 | vertical-align: top; | |
57 | } | |
22a16e36 C |
58 | } |
59 | ||
d607fc24 | 60 | .video-subscriptions-header { |
61 | margin-bottom: 30px; | |
2e46eb97 | 62 | display: flex; |
d607fc24 | 63 | } |
4682468d | 64 | |
d607fc24 | 65 | @media screen and (max-width: $small-view) { |
0f7407d9 C |
66 | .video-subscriptions-header input[type=text] { |
67 | width: 100% !important; | |
4682468d | 68 | } |
4682468d | 69 | |
0f7407d9 C |
70 | .video-channel-info { |
71 | padding-bottom: 10px; | |
72 | text-align: center; | |
d607fc24 | 73 | |
0f7407d9 C |
74 | .video-channel-names { |
75 | flex-direction: column; | |
76 | align-items: center !important; | |
77 | margin: auto; | |
d607fc24 | 78 | } |
79 | } | |
22a16e36 | 80 | |
0f7407d9 | 81 | img { |
27bc9586 | 82 | @include margin-right(0); |
0f7407d9 C |
83 | } |
84 | } |