Merge branch 'master' into aksa

src/app/body/login/login.component.html

@@ -31,7 +31,7 @@
             <input type="email" placeholder="Email ID">
              <input type="password" placeholder="Password">
              <div class="btn-m-login">
-               <button class="btn-login">Login</button>
+               <button class="btn-login" (click)="goToPage('loginaccount')">Login</button>
              </div>
              <div class="links">
             <div class="row">

src/app/body/loginaccount/loginaccount.component.ts

 import { Component, OnInit } from '@angular/core';
+import { Router,ActivatedRoute } from '@angular/router';
 
 @Component({
   selector: 'app-loginaccount',
@@ -6,10 +7,22 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./loginaccount.component.scss']
 })
 export class LoginaccountComponent implements OnInit {
-
-  constructor() { }
+con2=false;
+con1=false;
+  constructor(
+    private router: Router,
+private route: ActivatedRoute,
+  ) { }
 
   ngOnInit() {
   }
-
+  goToPage(path,data=null){
+    this.router.navigateByUrl(path,{queryParams:data});
+    }
+    onKey2(event: any) {
+      this.con2 = !this.con2;
+    }
+    onKey1(event: any) {
+      this.con1 = !this.con1;
+    }
 }

src/assets/responsive.scss

@@ -112,6 +112,85 @@
 	 }
 	}
   }
+   //scss for loginaccount
+   .loginaccount_overlay{
+	.loginaccount_overlay1{
+		.container{
+			.row{
+				.date_details{
+					.row{
+						.date_details1{
+							text-align: left !important;
+						}
+						.date_details2{
+							text-align: right !important;
+						}
+					}
+				}
+				.last_sent{
+					padding-bottom: 40px !important;
+				}
+			}
+		}
+	}
+	.loginaccount_overlay2{
+		.container{
+			ul{
+				text-align: center !important;
+				li{
+					margin-right: 0px !important;
+					padding: 5px !important;
+				}
+			}
+			.input_box{
+				.input_cont{
+					input{
+						padding-left: 5px !important;
+					}
+				}
+			}
+		}
+	}
+	.loginaccount_overlay3{
+		.container{
+			.row{
+				.both_col{
+					width: 50% !important;
+				}
+			}
+		}
+	}
+	.loginaccount_overlay4{
+		.container{
+			.tab-content{
+				.tab-pane{
+					ul{
+						li{
+							padding-right: 0px !important;
+							padding-bottom: 20px !important;
+							.tab_img{
+								width: 100% !important;
+							}
+						}
+					}
+				}
+			}
+			.view_all{
+				padding-top: 0px !important;
+			}
+		}
+	}
+	.loginaccount_overlay5{
+		.container{
+			ul{
+				li{
+					padding-left: 0px !important;
+					width: 100% !important;
+				}
+			}
+		}
+	}
+}
 //navbar scss
 nav{
 	height: auto !important;
@@ -726,6 +805,56 @@ margin-top: 10px !important;
 		}
 		
 	} 
+	//scss for loginaccount
+	.loginaccount_overlay{
+		.loginaccount_overlay2{
+			.container{
+				ul{
+					text-align: center !important;
+					li{
+						margin-right: 30px !important;
+						margin-left: 30px !important;
+					}
+				}
+			}
+		}
+		.loginaccount_overlay4{
+			.container{
+				.tab-content{
+					.tab-pane{
+						ul{
+							
+							text-align: center !important;
+							li{
+								padding-left: 10px !important;
+								padding-right: 10px !important;
+								.tab_img{
+									width: 300px !important;
+								}
+								.rat_cont{
+									text-align: left !important;
+								}
+							}
+						}
+					}
+				}
+				.view_all{
+					padding-left: 30px !important;
+				}
+			}
+		}
+		.loginaccount_overlay5{
+			.container{
+				ul{
+					text-align: center !important;
+					li{
+						padding-left: 20px !important;
+						padding-right: 20px !important;
+					}
+				}
+			}
+		}
+	}
 }
 
 /* 05.0 iPads (landscape) ----------- */