]>
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 C |
13 | |
14 | margin-right: 10px; | |
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 { | |
35 | font-size: 14px; | |
36 | color: $grey-actor-name; | |
37 | margin-left: 5px; | |
22a16e36 C |
38 | } |
39 | } | |
0f7407d9 | 40 | } |
22a16e36 | 41 | |
0f7407d9 | 42 | .actor-owner { |
746018f6 C |
43 | @include disable-default-a-behaviour; |
44 | ||
45 | font-size: 13px; | |
46 | color: pvar(--mainForegroundColor); | |
a8936810 | 47 | |
746018f6 C |
48 | span:hover { |
49 | opacity: 0.8; | |
50 | } | |
51 | ||
52 | my-actor-avatar { | |
53 | margin-left: 7px; | |
54 | display: inline-block; | |
55 | vertical-align: top; | |
56 | } | |
22a16e36 C |
57 | } |
58 | ||
d607fc24 | 59 | .video-subscriptions-header { |
60 | margin-bottom: 30px; | |
61 | } | |
4682468d | 62 | |
d607fc24 | 63 | @media screen and (max-width: $small-view) { |
0f7407d9 C |
64 | .video-subscriptions-header input[type=text] { |
65 | width: 100% !important; | |
4682468d | 66 | } |
4682468d | 67 | |
0f7407d9 C |
68 | .video-channel-info { |
69 | padding-bottom: 10px; | |
70 | text-align: center; | |
d607fc24 | 71 | |
0f7407d9 C |
72 | .video-channel-names { |
73 | flex-direction: column; | |
74 | align-items: center !important; | |
75 | margin: auto; | |
d607fc24 | 76 | } |
77 | } | |
22a16e36 | 78 | |
0f7407d9 C |
79 | img { |
80 | margin-right: 0; | |
81 | } | |
82 | } |