diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-28 11:52:43 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-28 13:24:55 +0200 |
commit | 9f4109e263be961ab0b210fcbc003a8c78f5b9fe (patch) | |
tree | 578b219305bbb0259aa1348dbabe4bb596f779c5 /client/src/app/+signup/+register/custom-stepper.component.scss | |
parent | a334597283a3384fa4df7b6b25fd2a9ff9221467 (diff) | |
download | PeerTube-9f4109e263be961ab0b210fcbc003a8c78f5b9fe.tar.gz PeerTube-9f4109e263be961ab0b210fcbc003a8c78f5b9fe.tar.zst PeerTube-9f4109e263be961ab0b210fcbc003a8c78f5b9fe.zip |
Registrations typo and css fixes
Diffstat (limited to 'client/src/app/+signup/+register/custom-stepper.component.scss')
-rw-r--r-- | client/src/app/+signup/+register/custom-stepper.component.scss | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss index 29ed3e194..919799716 100644 --- a/client/src/app/+signup/+register/custom-stepper.component.scss +++ b/client/src/app/+signup/+register/custom-stepper.component.scss | |||
@@ -34,9 +34,11 @@ header { | |||
34 | position: relative; | 34 | position: relative; |
35 | 35 | ||
36 | .completed-icon { | 36 | .completed-icon { |
37 | width: 16px; | 37 | $size: 14px; |
38 | height: 16px; | 38 | |
39 | border-radius: 16px; | 39 | width: $size; |
40 | height: $size; | ||
41 | border-radius: $size; | ||
40 | background-color: pvar(--mainBackgroundColor); | 42 | background-color: pvar(--mainBackgroundColor); |
41 | position: absolute; | 43 | position: absolute; |
42 | bottom: 0; | 44 | bottom: 0; |
@@ -44,7 +46,9 @@ header { | |||
44 | display: flex; | 46 | display: flex; |
45 | justify-content: center; | 47 | justify-content: center; |
46 | align-items: center; | 48 | align-items: center; |
47 | border: 1px solid pvar(--mainColor); | 49 | // Better than border color for aliasing |
50 | box-shadow: 0 0 0 1px var(--mainColor); | ||
51 | overflow: hidden; | ||
48 | 52 | ||
49 | my-global-icon { | 53 | my-global-icon { |
50 | @include apply-svg-color(pvar(--mainColor)); | 54 | @include apply-svg-color(pvar(--mainColor)); |