fix(console): project member grants, user grants (#329)

* checkbox color

* project grant preview

* project grante expandable row

* add grant detail component

* proto regen

* project grant members shared module

* fix project grant members dialog

* fix create dialog

* lint

* add avatar colors, meta component styling

* light theme

* dl report

* styles

* move grants out of user context, grant detail

* i18n grant pipe

* lint

* user grants

* clear expandable view project grants

* fix project member routing

* fix granted members routing

* fix group label

* rename project grant

* disable zitadel grant members

* fix routing user grant creation

* rest member writes

* ignore case searches

* forkjoin observables for project search

* fix grant creation with users

* fix projectid reference

* formfield table style, user grant dynamic load

* show key if no displayvalue is set

* Delete report.20200630.163913.44081.0.001.json

Co-authored-by: Silvan <silvan.reusser@gmail.com>
This commit is contained in:
Max Peintner
2020-07-01 17:48:34 +02:00
committed by GitHub
parent c5a4eb3555
commit 9c07711aab
135 changed files with 1470 additions and 678 deletions

View File

@@ -12,7 +12,7 @@
.card {
background-color: $primary-dark;
border: 1px solid $border-color;
border: 1px solid rgba($border-color, .2);
box-sizing: border-box;
border-radius: .5rem;
outline: none;

View File

@@ -5,6 +5,6 @@
$primary-dark: mat-color($primary, A600);
.change-item-back {
background-color: rgba($primary-dark, 0.05);
background-color: rgba($primary-dark, 0.03);
}
}

View File

@@ -0,0 +1,27 @@
@import '~@angular/material/theming';
@mixin meta-theme($theme) {
$primary: map-get($theme, primary);
$primary-color: mat-color($primary, 500);
$primary-dark: mat-color($primary, A800);
$lighter-color: mat-color($primary, 300);
.meta-wrapper {
.meta {
position: relative;
flex: 1 0 300px;
background: linear-gradient(to bottom right,rgba($lighter-color, .05) 20%,transparent 50%);
&.hidden {
background: linear-gradient(to bottom right, rgba($lighter-color, .05),transparent 50%);
}
&:after {
border-left: 2px solid $primary-color;
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from($primary-color), to($primary-dark), color-stop(01, $primary-dark)) 50 21;
border-image: -webkit-gradient(linear, left top, left bottom, from($primary-color), to($primary-dark), color-stop(01, $primary-dark)) 50 21;
}
}
}
}

View File

@@ -17,16 +17,11 @@
width: 80px;
margin: 1rem;
border-radius: 16px;
border: 1px solid $accent-color;
background: $primary-dark;
box-shadow: 5px 5px 20px rgba($color: black, $alpha: 0.5), -5px -5px 20px rgba($color: $secondary-dark, $alpha: 1);
&.add {
background: $accent-color;
box-shadow: 5px 5px 20px rgba($color: black, $alpha: 0.5), -5px -5px 20px rgba($color: $secondary-dark, $alpha: 1);
}
// &:hover {
// @include mat-elevation(5);
// }
}
}

View File

@@ -6,6 +6,8 @@
$primary-color: mat-color($primary, 500);
$accent-color: mat-color($accent, 500);
$primary-dark: mat-color($primary, A900);
$sec-dark: mat-color($primary, A800);
.mat-menu-item {
&.show-all {
@@ -19,7 +21,7 @@
color: inherit;
&:hover {
background-color: #00000020;
background-color: $sec-dark;
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}

View File

@@ -20,7 +20,13 @@
border-radius: 1rem;
color: mat-color($foreground, text);
white-space: nowrap;
background-color: #81868a;
background-color: #8795a1;
padding: .5rem 1rem;
}
td {
.mat-form-field-wrapper {
padding-bottom: 0;
}
}
}