TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-10 10:02:13 +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

413
console/src/styles.scss
View File

@@ -17,119 +17,119 @@
}
$caos-dark-brand: (
50: #ffffff,
100: #dde6f3,
200: #b4c9e4,
300: #7fa3d1,
400: #6992c9,
500: #5282c1,
600: #4072b4,
700: #38649d,
800: #305687,
900: #284770,
A100: #ffffff,
A200: #dde6f3,
A300: #6992c9,
A400: #38649d,
A500: #666666,
A600: #ffffff,
A700: #8795a1,
A800: #2d2e30,
A900: #212224,
contrast: (
50: $black-87-opacity,
100: $black-87-opacity,
200: $black-87-opacity,
300: $black-87-opacity,
400: $black-87-opacity,
500: white,
600: white,
700: white,
800: white,
900: white,
A100: $black-87-opacity,
A200: $black-87-opacity,
A400: $black-87-opacity,
A700: white,
)
50: #fff,
100: #dde6f3,
200: #b4c9e4,
300: #7fa3d1,
400: #6992c9,
500: #5282c1,
600: #4072b4,
700: #38649d,
800: #305687,
900: #284770,
A100: #fff,
A200: #dde6f3,
A300: #6992c9,
A400: #38649d,
A500: #666,
A600: #fff,
A700: #8795a1,
A800: #2d2e30,
A900: #212224,
contrast: (
50: $black-87-opacity,
100: $black-87-opacity,
200: $black-87-opacity,
300: $black-87-opacity,
400: $black-87-opacity,
500: white,
600: white,
700: white,
800: white,
900: white,
A100: $black-87-opacity,
A200: $black-87-opacity,
A400: $black-87-opacity,
A700: white,
)
);
$caos-light-brand: (
50: #ffffff,
100: #dde6f3,
200: #b4c9e4,
300: #7fa3d1,
400: #6992c9,
500: #5282c1,
600: #4072b4,
700: #38649d,
800: #305687,
900: #284770,
A100: #ffffff,
A200: #dde6f3,
A300: #6992c9,
A400: #38649d,
A500:#333333,
A600: #000000,
A700: #8795a1,
A800: white,
A900: #fafafa,
contrast: (
50: #3d4852,
100: #3d4852,
200: #3d4852,
300: #3d4852,
400: #3d4852,
500: white,
600: white,
700: white,
800: white,
900: white,
A100: #3d4852,
A200: #3d4852,
A400: #3d4852,
A700: white,
)
50: #fff,
100: #dde6f3,
200: #b4c9e4,
300: #7fa3d1,
400: #6992c9,
500: #5282c1,
600: #4072b4,
700: #38649d,
800: #305687,
900: #284770,
A100: #fff,
A200: #dde6f3,
A300: #6992c9,
A400: #38649d,
A500:#333,
A600: #000,
A700: #8795a1,
A800: white,
A900: #fafafa,
contrast: (
50: #3d4852,
100: #3d4852,
200: #3d4852,
300: #3d4852,
400: #3d4852,
500: white,
600: white,
700: white,
800: white,
900: white,
A100: #3d4852,
A200: #3d4852,
A400: #3d4852,
A700: white,
)
);
$caos-accent-color: (
50: #ebf4f2,
100: #cce3de,
200: #abd1c9,
300: #89bfb3,
400: #6fb1a2,
500: #56a392,
600: #4f9b8a,
700: #45917f,
800: #3c8875,
900: #2b7763,
A100: #beffed,
A200: #8bffde,
A400: #58ffd0,
A700: #3effc9,
contrast: (
50: $black-87-opacity,
100: $black-87-opacity,
200: $black-87-opacity,
300: $black-87-opacity,
400: $black-87-opacity,
500: white,
600: white,
700: white,
800: white,
900: white,
A100: $black-87-opacity,
A200: $black-87-opacity,
A400: $black-87-opacity,
A700: white,
)
50: #ebf4f2,
100: #cce3de,
200: #abd1c9,
300: #89bfb3,
400: #6fb1a2,
500: #56a392,
600: #4f9b8a,
700: #45917f,
800: #3c8875,
900: #2b7763,
A100: #beffed,
A200: #8bffde,
A400: #58ffd0,
A700: #3effc9,
contrast: (
50: $black-87-opacity,
100: $black-87-opacity,
200: $black-87-opacity,
300: $black-87-opacity,
400: $black-87-opacity,
500: white,
600: white,
700: white,
800: white,
900: white,
A100: $black-87-opacity,
A200: $black-87-opacity,
A400: $black-87-opacity,
A700: white,
)
);
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$light-primary: mat-palette($caos-light-brand);
$light-accent:mat-palette($caos-accent-color);
$light-accent: mat-palette($caos-accent-color);
$light-warn: mat-palette($mat-red);
$dark-primary: mat-palette($caos-dark-brand);
@@ -140,128 +140,139 @@ $light-theme: mat-light-theme($light-primary, $light-accent, $light-warn);
$dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
$custom-typography: mat-typography-config(
$custom-typography:
mat-typography-config(
$font-family: 'Lato'
);
);
@include mat-core($custom-typography);
// default theme
@include component-themes($dark-theme);
@include angular-material-theme($dark-theme);
.light-theme {
@include component-themes($light-theme);
@include angular-material-theme($light-theme);
color: #202124;
.sidenav, .main-container, .mat-dialog-container {
background-color: #fafafa;
transition: background-color .4s ease-in-out;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #fafafa;
border-radius: 8px;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #fafafa;
}
::-webkit-scrollbar-thumb {
background-color: #737C8850;
border-radius: 8px;
cursor: pointer;
}
}
.dark-theme {
@include component-themes($dark-theme);
@include angular-material-theme($dark-theme);
.sidenav, .main-container, .mat-dialog-container {
background-color: #212224;
transition: background-color .4s ease-in-out;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #2d2e30;
border-radius: 8px;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #2d2e30;
}
::-webkit-scrollbar-thumb {
background-color: #737C8870;
border-radius: 8px;
cursor: pointer;
}
}
.mat-dialog-container {
border-radius: .5rem !important;
}
.light-theme {
@include component-themes($light-theme);
@include angular-material-theme($light-theme);
color: #202124;
.sidenav,
.main-container,
.mat-dialog-container {
background-color: #fafafa;
transition: background-color .4s ease-in-out;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #fafafa;
border-radius: 8px;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #fafafa;
}
::-webkit-scrollbar-thumb {
background-color: #737c8850;
border-radius: 8px;
cursor: pointer;
}
}
.dark-theme {
@include component-themes($dark-theme);
@include angular-material-theme($dark-theme);
.sidenav,
.main-container,
.mat-dialog-container {
background-color: #212224;
transition: background-color .4s ease-in-out;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #2d2e30;
border-radius: 8px;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #2d2e30;
}
::-webkit-scrollbar-thumb {
background-color: #737c8870;
border-radius: 8px;
cursor: pointer;
}
}
// @include mat-checkbox-theme($candy-app-theme);
/* You can add global styles to this file, and also import other style files */
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: 'Lato', -apple-system, BlinkMacSystemFont,
"Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
height: 100%;
}
body {
margin: 0;
font-family:
'Lato',
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
"Fira Sans",
"Droid Sans",
"Helvetica Neue",
sans-serif;
}
.max-width-container {
max-width: 1350px;
padding: 0 1.5rem;
padding-top: 4rem;
padding-left: 4rem;
@media only screen and (min-width: 1024px) {
max-width: 1120px;
}
@media only screen and (min-width: 899px) {
max-width: 899px;
}
@media only screen and (max-width: 500px) {
padding-left: 1.5rem;
}
}
.enlarged-container {
padding: 0 1.5rem;
padding-top: 4rem;
padding-left: 4rem;
@media only screen and (max-width: 500px) {
padding-left: 1.5rem;
}
max-width: 1350px;
padding: 0 1.5rem;
padding-top: 4rem;
padding-left: 4rem;
@media only screen and (min-width: 1024px) {
max-width: 1120px;
}
.mat-dialog-container {
border-radius: 0.5rem;
background-color: #212224;
@media only screen and (min-width: 899px) {
max-width: 899px;
}
@media only screen and (max-width: 500px) {
padding-left: 1.5rem;
}
}
.enlarged-container {
padding: 0 1.5rem;
padding-top: 4rem;
padding-left: 4rem;
@media only screen and (max-width: 500px) {
padding-left: 1.5rem;
}
}
i {
font-size: 1.5rem;
}
font-size: 1.5rem;
}