aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authortest2a <39449563+test2a@users.noreply.github.com>2020-11-25 20:27:10 +0530
committerGitHub <noreply@github.com>2020-11-25 15:57:10 +0100
commit832a12b0e80b3488fcf80a8a5bceb6ba3afa1f65 (patch)
tree142b758f4e2e8f85d1015506841696916d0b5052
parentd07b2944dbbe4877311a68b3960c04b0173957f0 (diff)
downloadPeerTube-832a12b0e80b3488fcf80a8a5bceb6ba3afa1f65.tar.gz
PeerTube-832a12b0e80b3488fcf80a8a5bceb6ba3afa1f65.tar.zst
PeerTube-832a12b0e80b3488fcf80a8a5bceb6ba3afa1f65.zip
adjust registration form width on mobile (#3274)
Co-authored-by: Rigel Kent <sendmemail@rigelk.eu>
-rw-r--r--client/src/app/+signup/+register/register-step-user.component.html2
-rw-r--r--client/src/app/+signup/+register/register.component.scss21
-rw-r--r--client/src/sass/include/_mixins.scss1
3 files changed, 18 insertions, 6 deletions
diff --git a/client/src/app/+signup/+register/register-step-user.component.html b/client/src/app/+signup/+register/register-step-user.component.html
index 1bd378b13..edb93b8ed 100644
--- a/client/src/app/+signup/+register/register-step-user.component.html
+++ b/client/src/app/+signup/+register/register-step-user.component.html
@@ -20,7 +20,7 @@
20 20
21 <div class="input-group"> 21 <div class="input-group">
22 <input 22 <input
23 type="text" id="username" i18n-placeholder placeholder="Example: jane_doe" 23 type="text" id="username" i18n-placeholder="Username choice placeholder in the registration form" placeholder="e.g. jane_doe"
24 formControlName="username" class="form-control" [ngClass]="{ 'input-error': formErrors['username'] }" 24 formControlName="username" class="form-control" [ngClass]="{ 'input-error': formErrors['username'] }"
25 > 25 >
26 <div class="input-group-append"> 26 <div class="input-group-append">
diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss
index 6a7e361e3..4221354ee 100644
--- a/client/src/app/+signup/+register/register.component.scss
+++ b/client/src/app/+signup/+register/register.component.scss
@@ -20,6 +20,10 @@
20 20
21 &.register-form { 21 &.register-form {
22 width: 450px; 22 width: 450px;
23
24 @media screen and (max-width: $mobile-view) {
25 width: 100%;
26 }
23 } 27 }
24 28
25 &.instance-information { 29 &.instance-information {
@@ -35,6 +39,9 @@
35 @media screen and (max-width: 1500px) { 39 @media screen and (max-width: 1500px) {
36 width: 450px; 40 width: 450px;
37 } 41 }
42 @media screen and (max-width: $mobile-view) {
43 width: 100%;
44 }
38 45
39 ngb-accordion ::ng-deep { 46 ngb-accordion ::ng-deep {
40 .btn { 47 .btn {
@@ -43,10 +50,6 @@
43 } 50 }
44 } 51 }
45 } 52 }
46
47 @media screen and (max-width: $mobile-view) {
48 width: auto;
49 }
50 } 53 }
51} 54}
52 55
@@ -64,7 +67,6 @@
64 67
65input:not([type=submit]) { 68input:not([type=submit]) {
66 @include peertube-input-text(400px); 69 @include peertube-input-text(400px);
67
68 display: block; 70 display: block;
69 71
70 &#username, 72 &#username,
@@ -74,10 +76,19 @@ input:not([type=submit]) {
74 } 76 }
75} 77}
76 78
79@media screen and (max-width: $mobile-view) {
80 .form-group-terms,
81 .input-group,
82 input:not([type=submit]) {
83 width: 100%;
84 }
85}
86
77input[type=submit], 87input[type=submit],
78button { 88button {
79 @include peertube-button; 89 @include peertube-button;
80 @include orange-button; 90 @include orange-button;
91
81} 92}
82 93
83.name-information { 94.name-information {
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index e6491b492..1a94de5b2 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -121,6 +121,7 @@
121 min-height: $button-height; 121 min-height: $button-height;
122 padding-top: 0; 122 padding-top: 0;
123 padding-bottom: 0; 123 padding-bottom: 0;
124 flex-wrap: nowrap;
124 125
125 .input-group-text{ 126 .input-group-text{
126 font-size: 14px; 127 font-size: 14px;