Fix comment in PR template

[github/Chocobozzz/PeerTube.git] / client / src / app / +signup / +register / custom-stepper.component.scss

diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
index 2371c8ae5220804cb7f2aaf725b336f9057fc5c2..6a8815c77979a4f10286fe2fefa1a6e17c664531 100644 (file)
--- a/client/src/app/+signup/+register/custom-stepper.component.scss
+++ b/client/src/app/+signup/+register/custom-stepper.component.scss
@@ -1,9 +1,16 @@
-@import '_variables';
-@import '_mixins';
+@use 'sass:math';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 $grey-color: #9CA3AB;
 $index-block-height: 32px;
 
+.container {
+  @include padding-left(0);
+  @include padding-right(0);
+  max-width: unset !important;
+}
+
 header {
   display: flex;
   justify-content: space-between;
@@ -17,6 +24,10 @@ header {
     align-items: center;
     width: $index-block-height;
 
+    &:not(.c-hand) {
+      cursor: default;
+    }
+
     .step-index {
       display: flex;
       justify-content: center;
@@ -28,7 +39,7 @@ header {
       margin-bottom: 10px;
 
       my-global-icon {
-        @include apply-svg-color(var(--mainBackgroundColor));
+        @include apply-svg-color(pvar(--mainBackgroundColor));
 
         width: 22px;
         height: 22px;
@@ -42,13 +53,13 @@ header {
     &.active,
     &.completed {
       .step-index {
-        border-color: var(--mainColor);
-        background-color: var(--mainColor);
-        color: var(--mainBackgroundColor);
+        border-color: pvar(--mainColor);
+        background-color: pvar(--mainColor);
+        color: pvar(--mainBackgroundColor);
       }
 
       .step-label {
-        color: var(--mainColor);
+        color: pvar(--mainColor);
       }
     }
 
@@ -59,7 +70,7 @@ header {
 
   .connector {
     flex: auto;
-    margin: $index-block-height/2 10px 0 10px;
+    margin: math.div($index-block-height, 2) 10px 0 10px;
     height: 2px;
     background-color: $grey-color;
   }