diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss')
-rw-r--r-- | client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss | 44 |
1 files changed, 32 insertions, 12 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss index d35e0ed64..fa6b18b37 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss | |||
@@ -1,6 +1,10 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | .video-channel-title { | ||
5 | @include settings-big-title; | ||
6 | } | ||
7 | |||
4 | .form-sub-title { | 8 | .form-sub-title { |
5 | margin-bottom: 20px; | 9 | margin-bottom: 20px; |
6 | } | 10 | } |
@@ -18,28 +22,44 @@ my-actor-avatar-info { | |||
18 | height: 30px; | 22 | height: 30px; |
19 | } | 23 | } |
20 | 24 | ||
21 | input[type=text] { | 25 | input { |
22 | @include peertube-input-text(340px); | 26 | &[type=text] { |
23 | 27 | @include peertube-input-text(340px); | |
24 | display: block; | 28 | |
29 | display: block; | ||
30 | |||
31 | &#name { | ||
32 | width: auto; | ||
33 | flex-grow: 1; | ||
34 | } | ||
35 | } | ||
25 | 36 | ||
26 | &#name { | 37 | &[type=submit] { |
27 | width: auto; | 38 | @include peertube-button; |
28 | flex-grow: 1; | 39 | @include orange-button; |
40 | margin-left: auto; | ||
29 | } | 41 | } |
30 | } | 42 | } |
31 | 43 | ||
44 | label { | ||
45 | font-weight: $font-regular; | ||
46 | font-size: 100%; | ||
47 | } | ||
48 | |||
32 | textarea { | 49 | textarea { |
33 | @include peertube-textarea(500px, 150px); | 50 | @include peertube-textarea(500px, 150px); |
34 | 51 | ||
35 | display: block; | 52 | display: block; |
36 | } | 53 | } |
37 | 54 | ||
38 | .peertube-select-container { | 55 | my-markdown-textarea ::ng-deep { |
39 | @include peertube-select-container(340px); | 56 | .root { |
57 | @media screen and (max-width: 1400px) { | ||
58 | flex-direction: column !important; | ||
59 | } | ||
60 | } | ||
40 | } | 61 | } |
41 | 62 | ||
42 | input[type=submit] { | 63 | .peertube-select-container { |
43 | @include peertube-button; | 64 | @include peertube-select-container(340px); |
44 | @include orange-button; | ||
45 | } | 65 | } |