diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts index c3eac68bb..d81859d5c 100644 --- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts +++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts @@ -18,7 +18,7 @@ import { NgbTabset } from '@ng-bootstrap/ng-bootstrap' styleUrls: [ './edit-custom-config.component.scss' ] }) export class EditCustomConfigComponent extends FormReactive implements OnInit, AfterViewChecked { - @ViewChild('tabs') private tabs: NgbTabset + @ViewChild('tabs') tabs: NgbTabset initDone = false customConfig: CustomConfig diff --git a/client/src/app/+my-account/my-account-settings/my-account-settings.component.html b/client/src/app/+my-account/my-account-settings/my-account-settings.component.html index 87296bc19..ddcde828c 100644 --- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.html +++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.html @@ -24,6 +24,7 @@
+
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html index f87df87df..cc20674c9 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.html @@ -1,8 +1,3 @@ - -
Create a video channel
{{ error }}
@@ -24,49 +19,69 @@
-
- - -
- {{ formErrors['display-name'] }} +
+
+
CHANNEL
+
+ +
+ + + +
+ + +
+ {{ formErrors['display-name'] }} +
+
+ +
+ + +
+ {{ formErrors.description }} +
+
+ +
+ + + +
+ {{ formErrors.support }} +
+
+ +
+ +
+
-
- - -
- {{ formErrors.description }} +
+
+
+
- -
- - - -
- {{ formErrors.support }} -
-
- -
- -
- - 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 @@ @import '_variables'; @import '_mixins'; +.video-channel-title { + @include settings-big-title; +} + .form-sub-title { margin-bottom: 20px; } @@ -18,15 +22,28 @@ my-actor-avatar-info { height: 30px; } -input[type=text] { - @include peertube-input-text(340px); - - display: block; - - &#name { - width: auto; - flex-grow: 1; +input { + &[type=text] { + @include peertube-input-text(340px); + + display: block; + + &#name { + width: auto; + flex-grow: 1; + } } + + &[type=submit] { + @include peertube-button; + @include orange-button; + margin-left: auto; + } +} + +label { + font-weight: $font-regular; + font-size: 100%; } textarea { @@ -35,11 +52,14 @@ textarea { display: block; } +my-markdown-textarea ::ng-deep { + .root { + @media screen and (max-width: 1400px) { + flex-direction: column !important; + } + } +} + .peertube-select-container { @include peertube-select-container(340px); } - -input[type=submit] { - @include peertube-button; - @include orange-button; -} diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html index 399350616..f1c131184 100644 --- a/client/src/app/menu/menu.component.html +++ b/client/src/app/menu/menu.component.html @@ -37,13 +37,13 @@ - + Videos: {{ videoLanguages.join(', ') }} - + Sensitive: {{ nsfwPolicy }} diff --git a/client/src/app/videos/+video-watch/comment/video-comments.component.scss b/client/src/app/videos/+video-watch/comment/video-comments.component.scss index f95ff5aba..5ed1ac629 100644 --- a/client/src/app/videos/+video-watch/comment/video-comments.component.scss +++ b/client/src/app/videos/+video-watch/comment/video-comments.component.scss @@ -17,8 +17,20 @@ font-size: 13px; } -.title-block .title-page { - margin-right: 0; +.title-block { + .title-page { + margin-right: 0; + } + + my-feed { + display: inline-block; + margin-left: 5px; + opacity: 0; + transition: ease-in .2s opacity; + } + &:hover my-feed { + opacity: 1; + } } #dropdownSortComments { @@ -28,11 +40,6 @@ transform: translateY(-7%); } -my-feed { - display: inline-block; - margin-left: 5px; -} - @media screen and (max-width: 600px) { .view-replies { margin-left: 46px;