changes in PR related to scss and email variable

Author: Deepika516

projects/arc-lib/src/lib/components/auth/forgot-password/forgot-password.component.scss

@@ -21,79 +21,6 @@
   }
 }
 
-
-.card-row {
-  display: flex;
-  margin: 0 -0.5rem;
-}
-
-.card-col {
-  flex: 1 0 calc(50% - 1rem);
-  margin: 0 0.5rem;
-}
-.card-row {
-  margin: 0;
-  padding: 30px 70px;
-  .sign-in-title {
-    h2 {
-      font-size: 36px;
-      margin: 50px 0 10px 0;
-    }
-    h3 {
-      font-size: 24px;
-      color: #525252;
-      margin: 0;
-    }
-    p {
-      font-size: 16px;
-      margin: 0 0 30px 0;
-    }
-  }
-}
-
-.sign-in-button {
-  button {
-    font-weight: normal;
-    border: 1px solid #d9d9d9;
-    background: #fff;
-    text-transform: inherit;
-    font-size: 13px;
-    &:hover {
-      border: 1px solid #8f8f8f;
-    }
-    img {
-      margin-right: 5px;
-    }
-  }
-}
-.footer {
-  color: #525252;
-  a {
-    text-decoration: none;
-    color: #19a5ff;
-    font-weight: 700;
-  }
-}
-.devider {
-  color: #525252;
-  font-size: 13px;
-  margin: 0 10px 20px;
-  &:before {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-right: 10px;
-  }
-
-  &:after {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-left: 10px;
-  }
-}
 .main-wrapper {
   padding-top: 147px;
 }

projects/arc-lib/src/lib/components/auth/login/login.component.scss

@@ -21,63 +21,6 @@
   }
 }
 
-.card-row {
-  display: flex;
-  margin: 0 -0.5rem;
-}
-
-.card-col {
-  flex: 1 0 calc(50% - 1rem);
-  margin: 0 0.5rem;
-}
-.card-row {
-  margin: 0;
-  padding: 30px 70px;
-  .sign-in-title {
-    h2 {
-      font-size: 36px;
-      margin: 50px 0 10px 0;
-    }
-    h3 {
-      font-size: 24px;
-      color: #525252;
-      margin: 0;
-    }
-    p {
-      font-size: 16px;
-      margin: 0 0 30px 0;
-    }
-  }
-}
-
-.footer {
-  color: #525252;
-  a {
-    text-decoration: none;
-    color: #19a5ff;
-    font-weight: 700;
-  }
-}
-.devider {
-  color: #525252;
-  font-size: 13px;
-  margin: 0 10px 20px;
-  &:before {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-right: 10px;
-  }
-
-  &:after {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-left: 10px;
-  }
-}
 .forgot-password {
   a {
     text-decoration: none;

projects/arc-lib/src/lib/components/auth/reset-password/reset-password.component.html

@@ -10,7 +10,7 @@
       <div class="sign-in-title">
         <h2>Reset Password</h2>
         <p>
-          Please Enter and confirm your new password .......... for to complete the password reset process
+          Please Enter and confirm your new password <span>{{reqEmail}}</span> for to complete the password reset process
         </p>
       </div>
       <form [formGroup]="resetPasswordForm" (ngSubmit)="onSubmit()">

projects/arc-lib/src/lib/components/auth/reset-password/reset-password.component.scss

@@ -21,78 +21,6 @@
   }
 }
 
-.card-row {
-  display: flex;
-  margin: 0 -0.5rem;
-}
-
-.card-col {
-  flex: 1 0 calc(50% - 1rem);
-  margin: 0 0.5rem;
-}
-.card-row {
-  margin: 0;
-  padding: 30px 70px;
-  .sign-in-title {
-    h2 {
-      font-size: 36px;
-      margin: 50px 0 10px 0;
-    }
-    h3 {
-      font-size: 24px;
-      color: #525252;
-      margin: 0;
-    }
-    p {
-      font-size: 16px;
-      margin: 0 0 30px 0;
-    }
-  }
-}
- 
-.sign-in-button {
-  button {
-    font-weight: normal;
-    border: 1px solid #d9d9d9;
-    background: #fff;
-    text-transform: inherit;
-    font-size: 13px;
-    &:hover {
-      border: 1px solid #8f8f8f;
-    }
-    img{
-      margin-right: 5px;
-  }
-  }
-}
-.footer {
-  color: #525252;
-  a {
-    text-decoration: none;
-    color: #19a5ff;
-    font-weight: 700;
-  }
-}
-.devider {
-  color: #525252;
-  font-size: 13px;
-  margin: 0 10px 20px;
-  &:before {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-right: 10px;
-  }
-
-  &:after {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-left: 10px;
-  }
-}
 .main-wrapper {
     padding-top: 147px;
   }

projects/arc-lib/src/lib/components/auth/reset-password/reset-password.component.ts

@@ -15,6 +15,7 @@ import { NbToastrService } from '@nebular/theme';
 export class ResetPasswordComponent extends RouteComponentBaseDirective {
   resetPasswordForm: FormGroup;
   showPassword = false;
+  reqEmail='';
   showConfirmPassword = false;
     imageUrl: string;
     altText: string;
@@ -30,14 +31,14 @@ export class ResetPasswordComponent extends RouteComponentBaseDirective {
     ) {
       super(route, location);
       this.imageUrl = '../../../assets/images/auth/ARC_logo.png'; 
-    this.altText = 'logo';
+      this.altText = 'logo';
     }
 
     ngOnInit() {
 
       this.resetPasswordForm = new FormGroup(
         {
-          password: new FormControl('', [
+            password: new FormControl('', [
             Validators.required,
             Validators.minLength(6),
             Validators.pattern(

projects/arc-lib/src/lib/components/auth/signup/signup.component.scss

@@ -21,34 +21,6 @@
   }
 }
 
-.card-row {
-  display: flex;
-  margin: 0 -0.5rem;
-}
-
-.card-col {
-  flex: 1 0 calc(50% - 1rem);
-  margin: 0 0.5rem;
-}
-.card-row {
-  margin: 0;
-  padding: 30px 70px;
-  .sign-in-title {
-    h2 {
-      font-size: 36px;
-      margin: 50px 0 10px 0;
-    }
-    h3 {
-      font-size: 24px;
-      color: #525252;
-      margin: 0;
-    }
-    p {
-      font-size: 16px;
-      margin: 0 0 30px 0;
-    }
-  }
-}
 .input-wrapper{
     display: flex;
     gap:10px;
@@ -58,46 +30,13 @@
     input{
 
         margin: 5px 0;
-        width: 80%;
+        width: 100%;
         max-width: inherit;
         border-radius: 0;
         background: #fff;
     }
 }
 
-.forgotpassword{
-    position: relative;
-    top: -40px;
-}
-
-.footer {
-  color: #525252;
-  a {
-    text-decoration: none;
-    color: #19a5ff;
-    font-weight: 700;
-  }
-}
-.devider {
-  color: #525252;
-  font-size: 13px;
-  margin: 0 10px 20px;
-  &:before {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-right: 10px;
-  }
-
-  &:after {
-    content: '';
-    height: 1px;
-    background: #d9d9d9;
-    width: 110px;
-    margin-left: 10px;
-  }
-}
 
 .main-wrapper {
       padding-top: 118px;