[reclaim-ui] 158/459: fix styles; fix new and edit links

[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 ba87ca8eaef080f9d6acf29aae587711fc075a63
Author: Schanzenbach, Martin <mschanzenbach@posteo.de>
AuthorDate: Tue Dec 10 18:09:21 2019 +0100

    fix styles; fix new and edit links
---
 src/app/app.component.scss                         |  1 +
 src/app/identity-list/identity-list.component.html |  6 +-
 src/app/identity-list/identity-list.component.scss | 72 ---------------------
 src/styles.scss                                    | 75 ++++++++++++++++++++++
 4 files changed, 79 insertions(+), 75 deletions(-)

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 6aef6c9..0b4d23d 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -15,3 +15,4 @@
 .logo img {
     width: 200px;
 }
+
diff --git a/src/app/identity-list/identity-list.component.html 
b/src/app/identity-list/identity-list.component.html
index 2329f24..bca97b5 100644
--- a/src/app/identity-list/identity-list.component.html
+++ b/src/app/identity-list/identity-list.component.html
@@ -83,7 +83,7 @@
 <!-- No identities present -->
 <div *ngIf="isConnected() && 0 == identities.length" style="text-align: 
center;" class="alert alert-secondary alert-dismissible fade show" role="alert">
   You don't have any identities yet.<br/><br/>
-  <button class="btn btn-primary" (click)="addIdentity()">
+  <button class="btn btn-primary" [routerLink]="['/new-identity']">
     <span class="fa fa-plus"></span> Add your first identity!
   </button>
 </div>
@@ -119,14 +119,14 @@
       </button>
     </div>
     <div class="alert alert-secondary fade show" 
*ngIf="!hasAttributes(identity)">
-      This identity has no attributes. Maybe try <a class="buttonlink" 
(click)="editIdentity(identity)">adding some?</a>
+      This identity has no attributes. Maybe try <a class="buttonlink" 
[routerLink]="['/edit-identity', identity.name]">adding some?</a>
     </div>
     <div *ngIf="isAttributeMissing(identity)" class="alert alert-danger 
alert-dismissible fade show" role="alert">
       <span class="fa fa-openid"></span> This identity cannot be used because 
it's missing requested attributes: 
       <ul>
         <li *ngFor="let attr of getMissing(identity)">{{attr}}</li>
       </ul>
-      <button class="btn btn-primary" (click)="editIdentity(identity)">
+      <button class="btn btn-primary" [routerLink]="['/edit-identity', 
identity.name]">
         <span class="fa fa-plus"></span> Add
       </button>
     </div>
diff --git a/src/app/identity-list/identity-list.component.scss 
b/src/app/identity-list/identity-list.component.scss
index fc535ee..24c5a27 100644
--- a/src/app/identity-list/identity-list.component.scss
+++ b/src/app/identity-list/identity-list.component.scss
@@ -12,75 +12,3 @@
   top: 0.5em;
 }
 
-.card table {
-  table-layout: fixed;
-}
-
-.card table input {
-  width: 100%;
-}
-
-div.card-avatar {
-    //border-bottom: 2px solid rgba(0, 0, 0, 0.125);
-    //min-height: 50px;
-}
-
-div.card-avatar-character {
-    font-size: 2em;
-}
-
-div.card-avatar-id {
-    font-size: 1em;
-}
-
-.card.selected {
-    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
-    //border-color: #343a40;
-}
-
-.card tr.openid.text-dimmed {
-   color: #eee;
-}
-
-.card.identity-new {
-  background: none;
-  border: 1px dashed #555;
-  box-shadow: none;
-}
-
-.card-avatar-character {
-  padding-left: 0.5em;
-}
-
-.card-avatar .btn-primary {
-  border: none;
-  background-image: none;
-  background-color: rgba(0,0,0,0);
-  box-shadow: none;
-  color: #555;
-  font-size: 0.75em;
-  float: right;
-  min-width: 2em;
-}
-
-.card-avatar .btn-primary:hover {
-  background-image: none;
-  color: #444;
-  background-color: #eee; 
-}
-
-.card-avatar div.icon {
-  border-radius: 5em;
-  width: 1.5em;
-  color: white;
-  display: inline-block;
-}
-
-.logo {
-  text-align: center;
-}
-
-.logo img {
-  width: 125px;
-}
-
diff --git a/src/styles.scss b/src/styles.scss
index 6e5ef54..d76e90c 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -70,3 +70,78 @@ button.btn:hover, a.button:hover {
   border-radius: 0;
   margin-bottom: 0;
 }
+
+
+div.card-avatar-character {
+    font-size: 2em;
+}
+
+div.card-avatar-id {
+    font-size: 1em;
+}
+
+.card.selected {
+    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
+    //border-color: #343a40;
+}
+
+.card tr.openid.text-dimmed {
+   color: #eee;
+}
+
+.card.identity-new {
+  background: none;
+  border: 1px dashed #555;
+  box-shadow: none;
+}
+
+.card-avatar-character {
+  padding-left: 0.5em;
+}
+
+.card-avatar .btn-primary {
+  border: none;
+  background-image: none;
+  background-color: rgba(0,0,0,0);
+  box-shadow: none;
+  color: #555;
+  font-size: 0.75em;
+  float: right;
+  min-width: 2em;
+}
+
+.card-avatar .btn-primary:hover {
+  background-image: none;
+  color: #444;
+  background-color: #eee; 
+}
+
+.card-avatar div.icon {
+  border-radius: 5em;
+  width: 1.5em;
+  color: white;
+  display: inline-block;
+}
+
+.logo {
+  text-align: center;
+}
+
+.logo img {
+  width: 125px;
+}
+
+.card table {
+  table-layout: fixed;
+}
+
+.card table input {
+  width: 100%;
+}
+
+div.card-avatar {
+    //border-bottom: 2px solid rgba(0, 0, 0, 0.125);
+    //min-height: 50px;
+}
+
+

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