feat(console): user grant filtering, org domain verification improvements, fix membership detail link (#916)

* user grant filter

* add filter input

* org domain spinner and reload

* user grant filter templates

* single selection filter for grants, same dl btn

* filter margin

* lint style, remove duplicate code

* project count as observable

* deferred reload on delete

* fix user grant formfield

* lint styles

* fix event propagation on pin, change selection

* propagate counter change

* admin warn, localstorage, i18n, sidenav impv

* overlays

* adapt toolbar elevationn, card

* color vars, i18n, admin section

* fix lint

* selection clear on filter

* ts lint

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

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>

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

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>

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

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>
This commit is contained in:
Max Peintner
2020-11-13 09:59:11 +01:00
committed by GitHub
parent 966e3850ed
commit 42effd8702
49 changed files with 599 additions and 227 deletions

View File

@@ -0,0 +1,16 @@
@import '~@angular/material/theming';
@mixin link-theme($theme) {
/* stylelint-disable */
$primary: map-get($theme, primary);
$primary-color: mat-color($primary, 500);
$primary-color-lighter: mat-color($primary, A300);
a {
color: $primary-color;
}
a:hover {
color: $primary-color-lighter;
}
}

View File

@@ -7,11 +7,12 @@
$primary-color: mat-color($primary, 500);
$accent-color: mat-color($accent, 500);
$primary-dark: mat-color($primary, A900);
$foreground: map-get($theme, foreground);
$sec-dark: mat-color($primary, A800);
/* stylelint-enable */
.nav-item {
color: inherit;
color: mat-color($foreground, text) !important;
&:hover {
background-color: $sec-dark;
@@ -48,27 +49,62 @@
}
.root-header {
box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
box-shadow: inset 0 -1px #e3e8ee;
background-color: $primary-dark !important;
transition: background-color .3s cubic-bezier(.645, .045, .355, 1);
}
.admin-line {
background: $accent-color;
position: fixed;
bottom: 0;
left: 0;
right: calc(100vw - 300px);
background-color: $primary-color;
color: white;
margin-right: 1rem;
border-top-right-radius: 50vw;
border-bottom-right-radius: 50vw;
z-index: 1;
font-size: 13px;
padding: 3px 2rem;
transform: translateY(75%);
transition: all .2s;
border-top-right-radius: 5px;
span {
display: none;
}
button {
height: 1.2rem;
width: 1.2rem;
line-height: 1.2rem;
margin-right: 1rem;
* {
height: 1.2rem;
width: 1.2rem;
line-height: 1rem;
}
}
&::before {
content: '';
position: absolute;
width: 0;
bottom: 0;
height: 0;
top: 0;
left: 0;
border-bottom: 20px solid $primary-dark;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid $primary-dark;
transition: border-color .3s cubic-bezier(.645, .045, .355, 1);
}
&.expanded,
&:hover {
transform: translateY(0%);
right: 0;
span {
display: inline-block;
}
}
}
}

View File

@@ -36,7 +36,7 @@
&:hover {
td {
background-color: var(--table-row-back); // rgba($inv-color, .05);
background: var(--table-row-back); // rgba($inv-color, .05);
}
}
}