TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-08-26 08:47:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(console): split granted from owned project modules, general ui ux fixes (#286)

Browse Source 
* add iam label, user avatar

* avatar component

* split granted and owned modules

* move components to resp module

* refactor project contributors, g project nav

* rem console logs, add avatar for org members

* fix changes loading, auth user page

* refactor home, i18n

* fix changes side overflow

* lint
This commit is contained in:
Max Peintner
2020-06-26 14:15:05 +02:00
committed by GitHub
parent ee73dc07dd
commit 0a488eb1fb
141 changed files with 1133 additions and 742 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
console/src/styles/avatar.scss Normal file
View File

@@ -0,0 +1,19 @@
@import '~@angular/material/theming';
@mixin avatar-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);
.avatar-circle {
background-color: $primary-color;
box-sizing: border-box;
outline: none;
color: white;
}
}

5
console/src/styles/card.scss
View File

@@ -5,6 +5,7 @@
$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);
@@ -38,5 +39,9 @@
opacity: 1;
}
}
.iamuser {
color: $primary-color;
}
}
}

4
console/src/styles/changes.scss
View File

@@ -2,9 +2,9 @@
@mixin changes-theme($theme) {
$primary: map-get($theme, primary);
$primary-dark: mat-color($primary, A900);
$primary-dark: mat-color($primary, A600);
.change-item-back {
background-color: lighten($primary-dark, 5%);
background-color: rgba($primary-dark, 0.05);
}
}

27
console/src/styles/sidenav-list.scss
View File

@@ -2,7 +2,9 @@
@mixin sidenav-list-theme($theme) {
$primary: map-get($theme, primary);
$accent: map-get($theme, accent);
$primary-color: mat-color($primary, 500);
$accent-color: mat-color($accent, 500);
$primary-dark: mat-color($primary, A900);
.mat-menu-item {
@@ -47,4 +49,29 @@
@include mat-elevation(3);
background: $primary-dark !important;
}
.admin-line {
background: $accent-color;
color: white;
// &::after {
// content: '';
// position: absolute;
// width: 0;
// bottom: 0;
// right: 0;
// border-bottom: 20px solid $primary-dark;
// border-left: 20px solid transparent;
// }
&::before {
content: '';
position: absolute;
width: 0;
bottom: 0;
left: 0;
border-bottom: 20px solid $primary-dark;
border-right: 20px solid transparent;
}
}
}