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
This commit is contained in:
Max Peintner
2020-07-28 09:09:18 +02:00
committed by GitHub
parent 2d8f934a07
commit 531060ab67
37 changed files with 442 additions and 296 deletions

View File

@@ -1,55 +0,0 @@
@import '~@angular/material/theming';
@mixin card-theme($theme) {
$accent: map-get($theme, accent);
$background: map-get($theme, background);
$background-color: mat-color($background, card);
$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;
// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
.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;
}
}
}
}

View File

@@ -1,11 +0,0 @@
@import '~@angular/material/theming';
@mixin changes-theme($theme) {
$primary: map-get($theme, primary);
$primary-dark: mat-color($primary, A800);
.change-item-back {
background-color: rgba($primary-dark, 0.93);
transition: background-color .4s ease-in-out;
}
}

View File

@@ -6,9 +6,9 @@
$primary-color: mat-color($primary, 500);
$accent-color: mat-color($accent, 500);
$primary-dark: mat-color($primary, A900);
$inverse-color: mat-color($primary, A600);
$sec-dark: mat-color($primary, A800);
.mat-menu-item {
&.show-all {
height: 2rem;
@@ -30,6 +30,15 @@
color: $primary-color !important;
background-color: rgba($color: $primary-color, $alpha: 0.1) !important;
}
.c_label {
.count {
background-color: $primary-color;
padding: 3px 6px;
border-radius: 50vw;
color: white;
}
}
}
.mat-menu-content, .mat-menu-panel {