[reclaim-ui] 126/459: change add identity button

[gnunet]

This is an automated email from the git hooks/post-receive script.

martin-schanzenbach pushed a commit to branch master
in repository reclaim-ui.

commit 34f1b3855f77e5556558a67f6f06f8b0e6b22528
Author: Schanzenbach, Martin <mschanzenbach@posteo.de>
AuthorDate: Tue Jul 16 10:15:41 2019 +0200

    change add identity button
---
 src/app/identity-list/identity-list.component.html | 26 +++++++++++++++++-----
 src/app/identity-list/identity-list.component.scss |  6 +++++
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/app/identity-list/identity-list.component.html 
b/src/app/identity-list/identity-list.component.html
index 94d5644..f9a5e15 100644
--- a/src/app/identity-list/identity-list.component.html
+++ b/src/app/identity-list/identity-list.component.html
@@ -58,14 +58,9 @@
 
 <!-- Cancel authorization -->
 <div style="margin-bottom: 1em; text-align: center;">
-  <button *ngIf="inOpenIdFlow() && !isAddIdentity() && (null == 
identityInEdit) && clientNameFound" class="btn btn-danger mr-2" 
(click)="cancelRequest()">
+  <button *ngIf="inOpenIdFlow() && !isAddIdentity() && (null == 
identityInEdit) && clientNameFound" class="btn btn-danger mt-2" 
(click)="cancelRequest()">
     <span class="fa fa-ban"></span> Decline and return to website
   </button>
-
-  <!-- Add identity -->
-  <button *ngIf="0 != identities.length && !isAddIdentity() && (null == 
identityInEdit)" class="btn btn-primary ml-2" (click)="addIdentity()">
-    <span class="fa fa-plus"></span> Add identity
-  </button>
 </div>
 
 <!-- No identities present -->
@@ -285,6 +280,25 @@
       </div>
     </div>
   </div>
+
+  <!-- New identity card -->
+  <div class="card identity-new" (click)="addIdentity()" *ngIf="0 != 
identities.length && !isAddIdentity()">
+    <div class="card-avatar card-img-top">
+      <div class="card-avatar-character text-dark">
+        <!--<div class="icon m-1 text-uppercase" 
[style.background-color]="intToRGB(identity.pubkey)">{{ 
identity.name[0]}}</div>-->
+        <i class="fa fa-user-circle"></i>
+        <span class="m-1" style="display: inline-block"><i> New 
Identity</i></span>
+      </div>
+    </div>
+    <div class="card-body">
+      <div style="text-align:center" class="mb-4">
+        <i>Click to add a new identity.</i>
+      </div>
+      <div style="text-align:center">
+        <img src="assets/reclaim_icon.png" style="width: 5em;opacity: 0.3;">
+      </div>
+    </div>
+  </div>
 </div>
 
 <!-- Identity creation -->
diff --git a/src/app/identity-list/identity-list.component.scss 
b/src/app/identity-list/identity-list.component.scss
index 602ca72..8626110 100644
--- a/src/app/identity-list/identity-list.component.scss
+++ b/src/app/identity-list/identity-list.component.scss
@@ -28,6 +28,12 @@ div.card-avatar-id {
    color: #eee;
 }
 
+.card.identity-new {
+  background: none;
+  border: 1px dashed #555;
+  box-shadow: none;
+}
+
 .card-avatar-character {
   padding-left: 0.5em;
 }

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.