[reclaim-ui] 295/459: better responsiveness

[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 abbc99a913762116b4a677cc2d98fd1f94823c53
Author: Martin Schanzenbach <mschanzenbach@posteo.de>
AuthorDate: Sat Aug 8 18:18:33 2020 +0200

    better responsiveness
---
 src/app/identity-list/identity-list.component.html | 20 ++++++++++----------
 src/app/identity-list/identity-list.component.ts   |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/identity-list/identity-list.component.html 
b/src/app/identity-list/identity-list.component.html
index f3403ed..68fa025 100644
--- a/src/app/identity-list/identity-list.component.html
+++ b/src/app/identity-list/identity-list.component.html
@@ -103,7 +103,8 @@
     <!-- Attribute table -->
       <div class="table pb-1">
         <div class="container">
-          <div [class.text-primary]="isClaimRequested(identity, attribute)" 
class="row mb-1"
+          <div class="row mb-1">
+          <div [class.text-primary]="isClaimRequested(identity, attribute)" 
class="col-sm-4 mb-4"
              [class.text-secondary]="!isClaimRequested(identity, attribute)"
              *ngFor="let attribute of getIdentityAttributes(identity)">
             <div class="col-sm">
@@ -116,23 +117,22 @@
               <div *ngIf="getAttributeValue(identity, attribute).length > 20" 
style="min-width: 15em">{{getAttributeValue(identity, attribute).substring(0, 
20)}}<span style="color:#eee">[...]</span></div>
             </div>
           </div>
-          <div *ngIf="(openIdentity != identity) && 
hasLotsOfAttributes(identity)">
-            <div>
-            <i>... and {{ attributes[identity.pubkey].length - 5 }} more 
attributes</i><br/>
-            <button class="btn btn-primary mt-3" (click)="openIdentity = 
identity">
-              <i class="fa fa-expand"></i>
-              Show all attributes
-            </button>
-            </div>
+          <div *ngIf="(openIdentity != identity) && 
hasLotsOfAttributes(identity)" class="ml-4">
             <div>
+              <i>... and {{ attributes[identity.pubkey].length - 5 }} more 
attributes</i><br/>
             </div>
           </div>
         </div>
+        </div>
+        <button class="btn btn-primary mt-3" (click)="openIdentity = identity" 
*ngIf="(openIdentity != identity) && hasLotsOfAttributes(identity)">
+          <i class="fa fa-expand"></i>
+            Show all attributes
+        </button>
       </div>
     </div>
     <div *ngIf="inOpenIdFlow()">
       <button [disabled]="!isClientVerified()" 
(click)="loginIdentity(identity)" class="btn btn-primary mr-1 openid-login">
-        <span class="text-primary" *ngIf="isClientVerified()"><i class="fa 
fa-openid"></i> Share information from this identity</span>
+        <span *ngIf="isClientVerified()">Share information marked with <i 
class="fa fa-openid text-primary"></i> from this identity.</span>
         <span *ngIf="!isClientVerified()"><i class="fa 
fa-exclamation-circle"></i> Sharing disabled</span>
       </button>
     </div>
diff --git a/src/app/identity-list/identity-list.component.ts 
b/src/app/identity-list/identity-list.component.ts
index 8946d56..edc034f 100644
--- a/src/app/identity-list/identity-list.component.ts
+++ b/src/app/identity-list/identity-list.component.ts
@@ -220,7 +220,7 @@ export class IdentityListComponent implements OnInit {
     for (let attr of this.attributes[identity.pubkey]) {
       res.push(attr);
       i++;
-      if ((i >= 5) && (this.openIdentity !== identity)) {
+      if ((i >= 6) && (this.openIdentity !== identity)) {
         return res;
       }
     }

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