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:
Max Peintner
2020-07-22 13:47:31 +02:00
committed by GitHub
parent f39d3a3cc7
commit a9f0e15e65
64 changed files with 977 additions and 992 deletions

View File

@@ -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;

View File

@@ -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;
}
}

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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;
}
}
}

View File

@@ -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;

View File

@@ -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;
}
}