diff options
author | Kimsible <1877318+kimsible@users.noreply.github.com> | 2020-12-07 16:34:07 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-12-07 16:34:07 +0100 |
commit | 40360c17d82b33accb34ea974c275e17880c37aa (patch) | |
tree | e0ddac1174e54897b4871daa4dca43dce121f590 /client/src/app/+signup/+register/custom-stepper.component.scss | |
parent | 10f26f4203b8cef32778bf3435d8112eaea3c093 (diff) | |
download | PeerTube-40360c17d82b33accb34ea974c275e17880c37aa.tar.gz PeerTube-40360c17d82b33accb34ea974c275e17880c37aa.tar.zst PeerTube-40360c17d82b33accb34ea974c275e17880c37aa.zip |
improvements to login and sign-up pages (#3357)
* New login form ui
* Move InstanceAboutAccordion to shared components
* Update closed registration alert text
* Add alert for opened registration and move them bellow login form
* Adjust flex block on signup and login views
* Replace toggle accordion with expand on links in signup and login + scrollTo
* Improve display of login alerts
* Fix missing Component suffix
* Define min-width instance-information block sign-up and login for mobile screens
* Add ability to select specific panels in instanceAboutAccorddion
* Add instance title and short-description to common instanceAboutAccordion
* Clarify title alert in login page
* Add step terms for signup
Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Co-authored-by: Rigel Kent <sendmemail@rigelk.eu>
Diffstat (limited to 'client/src/app/+signup/+register/custom-stepper.component.scss')
-rw-r--r-- | client/src/app/+signup/+register/custom-stepper.component.scss | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss index cc1591ee8..3b4791d08 100644 --- a/client/src/app/+signup/+register/custom-stepper.component.scss +++ b/client/src/app/+signup/+register/custom-stepper.component.scss | |||
@@ -4,6 +4,12 @@ | |||
4 | $grey-color: #9CA3AB; | 4 | $grey-color: #9CA3AB; |
5 | $index-block-height: 32px; | 5 | $index-block-height: 32px; |
6 | 6 | ||
7 | .container { | ||
8 | padding-left: 0; | ||
9 | padding-right: 0; | ||
10 | max-width: unset !important; | ||
11 | } | ||
12 | |||
7 | header { | 13 | header { |
8 | display: flex; | 14 | display: flex; |
9 | justify-content: space-between; | 15 | justify-content: space-between; |
@@ -17,6 +23,10 @@ header { | |||
17 | align-items: center; | 23 | align-items: center; |
18 | width: $index-block-height; | 24 | width: $index-block-height; |
19 | 25 | ||
26 | &:not(.c-hand) { | ||
27 | cursor: default; | ||
28 | } | ||
29 | |||
20 | .step-index { | 30 | .step-index { |
21 | display: flex; | 31 | display: flex; |
22 | justify-content: center; | 32 | justify-content: center; |