[reclaim-ui] 382/459: style adjustments

[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 9dfd3320e6b623b7ec9ca0cda557d9169babf1e7
Author: Martin Schanzenbach <schanzen@gnunet.org>
AuthorDate: Sun Dec 27 14:52:12 2020 +0900

    style adjustments
---
 src/app/edit-identity/edit-identity.component.css  |  8 ++++++
 src/app/edit-identity/edit-identity.component.html | 29 ++++++++++++++--------
 src/app/identity-list/identity-list.component.html |  4 +--
 src/styles.scss                                    |  8 +++---
 4 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/src/app/edit-identity/edit-identity.component.css 
b/src/app/edit-identity/edit-identity.component.css
index 58a74cc..bbff001 100644
--- a/src/app/edit-identity/edit-identity.component.css
+++ b/src/app/edit-identity/edit-identity.component.css
@@ -9,3 +9,11 @@ button.fhg-link:hover {
   border: 2px solid #009374;
   color: #009374;
 }
+
+.table div.row {
+  padding: 5px;
+}
+
+.row.inEdit {
+  background-color: rgba(0,0,0,0.05);
+}
diff --git a/src/app/edit-identity/edit-identity.component.html 
b/src/app/edit-identity/edit-identity.component.html
index 10d7a68..ca452ae 100644
--- a/src/app/edit-identity/edit-identity.component.html
+++ b/src/app/edit-identity/edit-identity.component.html
@@ -24,7 +24,8 @@
       <div class="table pb-1">
           <!-- Standard "email" claims first -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+              [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of existingEmailClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -49,7 +50,8 @@
           </div>
           <!-- Standard "email" claims missing on the identity -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+               [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of missingEmailClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -82,7 +84,8 @@
       <div class="table pb-1">
           <!-- Standard "profile" claims first -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+               [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of existingProfileClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -105,7 +108,8 @@
           </div>
           <!-- Standard "profile" claims missing on the identity -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+               [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of missingProfileClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -131,7 +135,8 @@
       <div class="table pb-1">
           <!-- Standard "address" claims first -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+               [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of existingAddressClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -153,7 +158,8 @@
           </div>
           <!-- Standard "profile" claims missing on the identity -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+               [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of missingAddressClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -179,7 +185,8 @@
       <div class="table pb-1">
           <!-- Standard "phone" claims first -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+               [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of existingPhoneClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -201,7 +208,8 @@
           </div>
           <!-- Standard "phone" claims missing on the identity -->
           <div class="row mb-3" [class.openid]="inOpenIdFlow()"
-              [class.text-primary]="isClaimRequested(claim) || claim == 
claimInEdit"
+               [class.inEdit]="claim == claimInEdit"
+              [class.text-primary]="isClaimRequested(claim)"
               [class.alert-danger]="newAttribute.name === claim.name"
               *ngFor="let claim of missingPhoneClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -263,8 +271,8 @@
       <!-- Missing "non-standard" claims that are requested -->
       <div class="table pb-1" *ngIf="isAnyRequestedNonStandardClaimMissing()">
           <div class="row mb-3 text-primary"
+            [class.inEdit]="missing == claimInEdit"
             [class.openid]="inOpenIdFlow()"
-            [class.text-primary]="missing == claimInEdit"
             [class.alert-danger]="newAttribute.name === missing.name"
             *ngFor="let missing of missingNonStandardClaims">
             <div class="col-sm"><div style="min-width: 15em">
@@ -295,8 +303,9 @@
       <!-- "non-standard" claims which do exist -->
       <div class="table pb-1">
           <div class="row mb-3"
+               [class.inEdit]="attribute == claimInEdit"
             [class.openid]="inOpenIdFlow()"
-            [class.text-primary]="isClaimRequested(attribute) || attribute == 
claimInEdit"
+            [class.text-primary]="isClaimRequested(attribute)"
             [class.alert-danger]="newAttribute.name === attribute.name"
             [class.text-secondary]="isClaimCred(attribute)"
             *ngFor="let attribute of existingNonStandardClaims">
diff --git a/src/app/identity-list/identity-list.component.html 
b/src/app/identity-list/identity-list.component.html
index 8e380d5..24cf3a7 100644
--- a/src/app/identity-list/identity-list.component.html
+++ b/src/app/identity-list/identity-list.component.html
@@ -47,8 +47,8 @@
   <!-- Identity search -->
   <div class="form-inline" style="display: table; margin: auto;">
     <div class="search-wrapper">
-      <input class="form-control mr-sm-2" type="search" 
[(ngModel)]="searchTerm" name="searchTerm"
-        placeholder="{{ getMessage('identity_list_html@searchbarPlaceholder') 
}}" style="border-radius: 2em;">
+      <input class="mr-sm-2" type="search" [(ngModel)]="searchTerm" 
name="searchTerm"
+        placeholder="{{ getMessage('identity_list_html@searchbarPlaceholder') 
}}">
     </div>
     <button class="btn btn-primary" [routerLink]="['/new-identity']">
       <span class="fa fa-user-plus"></span> {{ 
getMessage("identity_list_html@newId") }}
diff --git a/src/styles.scss b/src/styles.scss
index 4875102..f69ae3b 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -16,7 +16,7 @@ body {
 
 div.card {
   //box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
-  border-radius: 1em;
+  border-radius: 0.5em;
 }
 
 .btn:disabled {
@@ -33,7 +33,7 @@ div.card {
 
 button.btn, a.btn {
   //box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
-  border-radius: 10rem;
+  border-radius: 0rem;
   background-image: none;
   margin: 0.5em;
 }
@@ -142,8 +142,8 @@ div.card-avatar-id {
   width: 100%;
 }
 
-.card input {
-  border-radius: 2em;
+input {
+  //border-radius: 2em;
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;

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