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

feat(console): angular 12, migrate grpc lib, ui element fixes (#1740)

Browse Source 
* fix: is default

* fix: feature tile in org, iam, neutral color for info boxes

* lint

* consolidation, ui elements

* feat(console): angular 12, migrate deprecated grpc to @grpc/grpc-js (#1741)

* update cli core

* update material

* mig

* migrate grpc to grpc-js

* audit

* lint

* node lts version, ng12 deprecation

* rem comment

* disable inlinestyles

* fix iam feature link, binding
This commit is contained in:
Max Peintner
2021-06-01 07:02:49 +02:00
committed by GitHub
parent 4fde6df477
commit 74ff154b19
51 changed files with 20195 additions and 7911 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,8 @@
@import '~@angular/material/theming';
@use '~@angular/material' as mat;
@mixin cnsl-error-theme($theme) {
$warn: map-get($theme, warn);
$warn-color: mat-color($warn, 500);
$warn-color: mat.get-color-from-palette($warn, 500);
$is-dark-theme: map-get($theme, is-dark);
.cnsl-error {

16
console/src/styles/input.scss
View File

@@ -1,15 +1,15 @@
@import '~@angular/material/theming';
@use '~@angular/material' as mat;
@mixin input-theme($theme) {
/* stylelint-disable */
$primary: map-get($theme, primary);
$primary-dark: mat-color($primary, A900);
$secondary-dark: mat-color($primary, A800);
$inv-color: mat-color($primary, A600);
$primary-color: mat-color($primary, 500);
$primary-light-color: mat-color($primary, 200);
$primary-dark: mat.get-color-from-palette($primary, A900);
$secondary-dark: mat.get-color-from-palette($primary, A800);
$inv-color: mat.get-color-from-palette($primary, A600);
$primary-color: mat.get-color-from-palette($primary, 500);
$primary-light-color: mat.get-color-from-palette($primary, 200);
$warn: map-get($theme, warn);
$warn-color: mat-color($warn, 500);
$warn-color: mat.get-color-from-palette($warn, 500);
$foreground: map-get($theme, foreground);
$is-dark-theme: map-get($theme, is-dark);
@@ -34,7 +34,7 @@
padding: 10px;
transition: border-color .2s ease-in-out;
width: 100%;
color: mat-color($foreground, text);
color: mat.get-color-from-palette($foreground, text);
margin-bottom: 2px;
&:hover {

6
console/src/styles/link.scss
View File

@@ -1,10 +1,10 @@
@import '~@angular/material/theming';
@use '~@angular/material' as mat;
@mixin link-theme($theme) {
/* stylelint-disable */
$primary: map-get($theme, primary);
$primary-color: mat-color($primary, 500);
$primary-color-lighter: mat-color($primary, A300);
$primary-color: mat.get-color-from-palette($primary, 500);
$primary-color-lighter: mat.get-color-from-palette($primary, A300);
a {
color: $primary-color;

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

@@ -1,14 +1,14 @@
@import '~@angular/material/theming';
@use '~@angular/material' as mat;
@mixin sidenav-list-theme($theme) {
/* stylelint-disable */
$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);
$primary-color: mat.get-color-from-palette($primary, 500);
$accent-color: mat.get-color-from-palette($accent, 500);
$primary-dark: mat.get-color-from-palette($primary, A900);
$foreground: map-get($theme, foreground);
$sec-dark: mat-color($primary, A800);
$sec-dark: mat.get-color-from-palette($primary, A800);
$is-dark-theme: map-get($theme, is-dark);
/* stylelint-enable */
@@ -22,7 +22,7 @@
}
.nav-item {
color: mat-color($foreground, text) !important;
color: mat.get-color-from-palette($foreground, text) !important;
&:hover {
background-color: if($is-dark-theme, $sec-dark, rgb(84 105 212 / 6%));
@@ -48,7 +48,7 @@
background-color: $primary-dark;
border-radius: .5rem;
@include mat-elevation(5);
@include mat.elevation(5);
.active {
color: $primary-color !important;

14
console/src/styles/table.scss
View File

@@ -1,14 +1,14 @@
@import '~@angular/material/theming';
@use '~@angular/material' as mat;
@mixin table-theme($theme) {
/* stylelint-disable */
$primary: map-get($theme, primary);
$warn: map-get($theme, warn);
$warn-color: mat-color($warn, 500);
$primary-color: mat-color($primary, 500);
$primary-dark: mat-color($primary, A900);
$secondary-dark: mat-color($primary, A800);
$inv-color: mat-color($primary, A600);
$warn-color: mat.get-color-from-palette($warn, 500);
$primary-color: mat.get-color-from-palette($primary, 500);
$primary-dark: mat.get-color-from-palette($primary, A900);
$secondary-dark: mat.get-color-from-palette($primary, A800);
$inv-color: mat.get-color-from-palette($primary, A600);
$foreground: map-get($theme, foreground);
$is-dark-theme: map-get($theme, is-dark);
@@ -22,7 +22,7 @@
.app-label {
font-size: 12px;
border-radius: 1rem;
color: mat-color($foreground, text);
color: mat.get-color-from-palette($foreground, text);
white-space: nowrap;
background-color: var(--grey);
padding: 3px 1rem;