fix(console): hide granted project navigation if none, cache zitadel permissions, emit refresh on org change, cleanup contributors, styling (#511)

* fix iam member model * fix org member model * fix auth user loading * copytoclipboard directive * directive logs, load bar on init, create user * typo * welcome section, contributor spinner * fix home link * fix stepper flow * show dialog on invalid token * fix app table refresh, pin icons light theme * cleanup contributor * inherit parent color, animations * use localized date pipe everywhere * cmp styles refactor, dont show granted p if none * fix navitem desc, fixed header * change permissions, caching * roles on org emit, use prom instead of hot obs * dont calc 100vh
2026-11-12 00:55:12 +00:00 · 2020-07-28 09:09:18 +02:00
parent 2d8f934a07
commit 531060ab67
37 changed files with 442 additions and 296 deletions
@@ -0,0 +1,51 @@
+@import '~@angular/material/theming';
+
+@mixin card-theme($theme) {
+    $primary: map-get($theme, primary);
+    $primary-color: mat-color($primary, 500);
+    $primary-dark: mat-color($primary, A800);
+    $border-color: mat-color($primary, A700);
+    $border-selected-color: mat-color($primary, A600);
+
+    .card {
+        background-color: $primary-dark;
+        transition: background-color .4s ease-in-out;
+        border: 1px solid rgba($border-color, .2);
+        box-sizing: border-box;
+        border-radius: .5rem;
+        outline: none;
+
+        .selection-icon {
+            opacity: 0;
+            position: absolute;
+            top: -12px;
+            left: -12px;
+            color: $border-color;
+        }
+
+        &.selected {
+            background-color: #ffffff25;
+            border: 1px solid $border-selected-color;
+            .text-part {
+                .icons {
+                    opacity: 1;
+                }
+            }
+
+            .selection-icon {
+                color: $border-selected-color;
+                opacity: 1;
+            }
+        }
+
+        .iamuser {
+            color: $primary-color;
+        }
+
+        .edit-button {
+            &:hover {
+                color: $border-selected-color;
+            }
+        }
+    }
+}