mirror of
https://github.com/zitadel/zitadel.git
synced 2025-08-26 07:27:36 +00:00
fix(console): cleanup contributor module, move loading state to shared module, button visibility in light theme (#504)
* refreshtable component * project grant refresh table * project role refresh, user grant, i18n * lint * auth user mfa table * auth mfa table * rm unused 404 page, add mgmt mfa table * change light accent color * add actions to mfa table * user detail mfa table * clear selection on refresh, bind data length * member table * fix padding mfa table * 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> * z-index, new colors * new senf color * create stepper * app create stepper * i18n * i18n sections, header titles * lint * add pro mode * main contributor component * drop project members shared module * project detail members * org contributors, iam contributors * invert card and background colors in light design * changes card design * lighten meta background * account card radius * fix imports, global user email link * move spinner to refresh-table component * 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/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> * 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> * 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> * light background on light design * 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> Co-authored-by: Florian Forster <florian@caos.ch>
This commit is contained in:
@@ -12,11 +12,12 @@
|
||||
|
||||
.card {
|
||||
background-color: $primary-dark;
|
||||
transition: background-color .5s ease-in-out;
|
||||
transition: background-color .4s ease-in-out;
|
||||
border: 1px solid rgba($border-color, .2);
|
||||
box-sizing: border-box;
|
||||
border-radius: .5rem;
|
||||
outline: none;
|
||||
// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
|
||||
|
||||
.selection-icon {
|
||||
opacity: 0;
|
||||
|
@@ -2,9 +2,10 @@
|
||||
|
||||
@mixin changes-theme($theme) {
|
||||
$primary: map-get($theme, primary);
|
||||
$primary-dark: mat-color($primary, A600);
|
||||
$primary-dark: mat-color($primary, A800);
|
||||
|
||||
.change-item-back {
|
||||
background-color: rgba($primary-dark, 0.03);
|
||||
background-color: rgba($primary-dark, 0.93);
|
||||
transition: background-color .4s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
@@ -5,7 +5,7 @@
|
||||
$primary-color: mat-color($primary, 500);
|
||||
$primary-dark: mat-color($primary, A800);
|
||||
|
||||
$lighter-color: mat-color($primary, 300);
|
||||
$lighter-color: rgba(mat-color($primary, 300),.5);
|
||||
|
||||
.meta-wrapper {
|
||||
.meta {
|
||||
|
@@ -19,7 +19,7 @@
|
||||
border-radius: 16px;
|
||||
border: 1px solid $accent-color;
|
||||
background-color: $primary-dark;
|
||||
transition: background-color .5s ease-in-out;
|
||||
transition: background-color .4s ease-in-out;
|
||||
|
||||
|
||||
&.add {
|
||||
|
@@ -50,7 +50,7 @@
|
||||
.root-header {
|
||||
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
|
||||
background-color: $primary-dark !important;
|
||||
transition: background-color .5s ease-in-out;
|
||||
transition: background-color .4s ease-in-out;
|
||||
}
|
||||
|
||||
.admin-line {
|
||||
@@ -75,6 +75,7 @@
|
||||
left: 0;
|
||||
border-bottom: 20px solid $primary-dark;
|
||||
border-right: 20px solid transparent;
|
||||
transition: border-color .4s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -9,7 +9,7 @@
|
||||
.mat-table,
|
||||
mat-paginator {
|
||||
background-color: inherit !important;
|
||||
transition: background-color .5s ease-in-out;
|
||||
transition: background-color .4s ease-in-out;
|
||||
|
||||
&.background-style {
|
||||
background-color: inherit !important;
|
||||
|
@@ -1,27 +1,21 @@
|
||||
@import '~@angular/material/theming';
|
||||
|
||||
@mixin theme-card($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);
|
||||
|
||||
.theme-conent {
|
||||
background-color: $primary-dark;
|
||||
transition: background-color .5s ease-in-out;
|
||||
transition: background-color .4s ease-in-out;
|
||||
}
|
||||
|
||||
.theme-app {
|
||||
background-color: $primary-dark;
|
||||
transition: background-color .5s ease-in-out;
|
||||
transition: background-color .4s ease-in-out;
|
||||
}
|
||||
|
||||
.crescent {
|
||||
background-color: $primary-dark;
|
||||
transition: background background-color .5s ease-in-out;
|
||||
transition: background-color .4s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user