From dfe8d471a6dc637598a4789c3421e848b74a6626 Mon Sep 17 00:00:00 2001
From: saravanakumarkandasami <saravanakumar.k@venbainfotech.com>
Date: Thu, 8 Nov 2018 15:23:10 +0530
Subject: [PATCH] User Register UI

---
 .../users/register/register.component.html         | 14 ++++++--------
 .../users/register/register.component.scss         | 11 +++++++++++
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/ng6-seed/src/app/settings/users/register/register.component.html b/ng6-seed/src/app/settings/users/register/register.component.html
index 544e273bf..88ae0d7d5 100755
--- a/ng6-seed/src/app/settings/users/register/register.component.html
+++ b/ng6-seed/src/app/settings/users/register/register.component.html
@@ -15,17 +15,15 @@
                             <mat-card-title>Personal</mat-card-title><hr/>
                             <mat-card-content>
                             <div fxLayout="row" fxLayoutAlign="start center" class="mb-2">
-                                    
-                                          
+                                       <label class="hoverdp" for="fileUpload" >
                                             <span  dividerColor="primary" class="ml-xs mr-xs" *ngIf="!imageaccess">
-                                                    <img [src]="profileurl || 'https://image.ibb.co/mGjZB9/usernew.png'" style="width: 10%;border-radius: 50%;border:2px solid red">
-                                                     
-                                            </span> 
+                                                <img [src]="profileurl || 'https://image.ibb.co/mGjZB9/usernew.png'" style="width: 10%;border-radius: 50%;border:2px solid red">
+                                             </span> 
                                             <span dividerColor="primary" *ngIf="imageaccess">
-                                                    <img [src]="filename" style="width: 10%; border-radius: 50%;border:2px solid #e00201">
+                                                <img [src]="filename" style="width: 10%; border-radius: 50%;border:2px solid #e00201">
                                             </span>
-                                            
-                                            <label for="fileUpload" ><mat-icon  style="color:#e00201">camera_alt</mat-icon></label>
+                                            <mat-icon  style="color:#716462;position: absolute; top: 39%;left: 6%;">camera_alt</mat-icon>
+                                        </label>
                                            
                                         
                                      <input type="file" id="fileUpload" (change)="onFileChange($event)" [formControl]="regForm.controls['userpic']" accept="image/*"  style="display:none"/>
diff --git a/ng6-seed/src/app/settings/users/register/register.component.scss b/ng6-seed/src/app/settings/users/register/register.component.scss
index e69de29bb..b05fce9d5 100755
--- a/ng6-seed/src/app/settings/users/register/register.component.scss
+++ b/ng6-seed/src/app/settings/users/register/register.component.scss
@@ -0,0 +1,11 @@
+.hoverdp:hover img {
+    opacity: 0.5;    
+}
+ 
+.hoverdp mat-icon{
+    display:none;
+}
+.hoverdp:hover mat-icon{
+    display:block;
+}
+ 
\ No newline at end of file