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

feat(console): add stylelint scss, app redirecturi validation, user grant api change (#531)

Browse Source 
* add custom validator for redirect inputs

* change http pattern, i18n

* throw out deprecated usergrant functions

* remove deprecation service

* show docs in app detail

* reorder data promises

* show redirect desc in app detail

* custom validator

* grant search filters

* rm animations

* add validation to app detail

* user grant udpate

* rm grantid from update req

* fix project member guard

* fix hasrole directive

* show validation errors, i18n

* fix router link from org members

* navitem padding

* mobile layout

* policy grid mobile layout

* rm unused background

* lint

* add stylelinter add to pipeline

* update stylelint rules

* lint unknown rule

* disable enable rules

* lint

* table style lint

* table classes

* fix stylelinter rule, lint

* overflow fix member detail

* common detail page

* user create, password, project grant detail clnup

* move meta styles

* lint

* password policy indicator

* lint

* fix org create

* common component for complexity view

* lint

* user grant filter

* Update console/src/assets/i18n/en.json

Co-authored-by: Florian Forster <florian@caos.ch>

* Update console/src/assets/i18n/en.json

Co-authored-by: Florian Forster <florian@caos.ch>

* Update console/src/assets/i18n/de.json

Co-authored-by: Florian Forster <florian@caos.ch>

* Update console/src/assets/i18n/de.json

Co-authored-by: Florian Forster <florian@caos.ch>

* Update console/src/assets/i18n/en.json

Co-authored-by: Florian Forster <florian@caos.ch>

Co-authored-by: Florian Forster <florian@caos.ch>
This commit is contained in:
Max Peintner
2020-07-30 16:54:15 +02:00
committed by GitHub
parent 8d1725a81d
commit 22ba33c2ef
154 changed files with 6780 additions and 6158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
console/src/styles/meta.scss
View File

@@ -1,27 +0,0 @@
@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: rgba(mat-color($primary, 300),.5);
.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;
}
}
}
}

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

@@ -1,93 +1,83 @@
@import '~@angular/material/theming';
@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);
$inverse-color: mat-color($primary, A600);
$sec-dark: mat-color($primary, A800);
/* 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);
$inverse-color: mat-color($primary, A600);
$sec-dark: mat-color($primary, A800);
/* stylelint-enable */
.mat-menu-item {
&.show-all {
height: 2rem;
line-height: 2rem;
color: mat-color($primary, A700);
}
.mat-menu-item {
&.show-all {
height: 2rem;
line-height: 2rem;
color: mat-color($primary, a700);
}
}
.nav-item {
color: inherit;
&:hover {
background-color: $sec-dark;
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.nav-item {
color: inherit;
&:hover {
background-color: $sec-dark;
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
&.active {
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;
}
}
&.active {
color: $primary-color !important;
background-color: rgba($color: $primary-color, $alpha: .1) !important;
}
.mat-menu-content, .mat-menu-panel {
background-color: $primary-dark;
border-radius: .5rem;
@include mat-elevation(5);
.active {
color: $primary-color !important;
background-color: rgba($color: $primary-color, $alpha: 0.1) !important;
mat-icon {
color: $primary-color !important;
}
}
}
.root-header {
box-shadow: 0 5px 10px rgba(0,0,0,0.12);
background-color: $primary-dark !important;
transition: background-color .4s ease-in-out;
}
.admin-line {
background: $accent-color;
.c_label {
.count {
background-color: $primary-color;
padding: 3px 6px;
border-radius: 50vw;
color: white;
margin-right: 1rem;
border-top-right-radius: 50vw;
border-bottom-right-radius: 50vw;
// &::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;
transition: border-color .4s ease-in-out;
}
}
}
}
.mat-menu-content,
.mat-menu-panel {
background-color: $primary-dark;
border-radius: .5rem;
@include mat-elevation(5);
.active {
color: $primary-color !important;
background-color: rgba($color: $primary-color, $alpha: .1) !important;
}
}
.root-header {
box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
background-color: $primary-dark !important;
transition: background-color .4s ease-in-out;
}
.admin-line {
background: $accent-color;
color: white;
margin-right: 1rem;
border-top-right-radius: 50vw;
border-bottom-right-radius: 50vw;
&::before {
content: '';
position: absolute;
width: 0;
bottom: 0;
left: 0;
border-bottom: 20px solid $primary-dark;
border-right: 20px solid transparent;
transition: border-color .4s ease-in-out;
}
}
}

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

@@ -1,33 +1,35 @@
@import '~@angular/material/theming';
@mixin table-theme($theme) {
$primary: map-get($theme, primary);
$primary-dark: mat-color($primary, A900);
$secondary-dark: mat-color($primary, A800);
$foreground: map-get($theme, foreground);
/* stylelint-disable */
$primary: map-get($theme, primary);
$primary-dark: mat-color($primary, A900);
$secondary-dark: mat-color($primary, A800);
$foreground: map-get($theme, foreground);
.mat-table,
mat-paginator {
background-color: inherit !important;
transition: background-color .4s ease-in-out;
.mat-table,
.mat-paginator {
background-color: inherit !important;
transition: background-color .4s ease-in-out;
&.background-style {
background-color: inherit !important;
}
&.background-style {
background-color: inherit !important;
}
}
/* stylelint-enable */
.app-label {
font-size: 12px;
border-radius: 1rem;
color: mat-color($foreground, text);
white-space: nowrap;
background-color: #8795a1;
padding: 3px 1rem;
}
.app-label {
font-size: 12px;
border-radius: 1rem;
color: mat-color($foreground, text);
white-space: nowrap;
background-color: #8795a1;
padding: 3px 1rem;
}
td {
.mat-form-field-wrapper {
padding-bottom: 0;
}
td {
.mat-form-field-wrapper {
padding-bottom: 0;
}
}
}
}