mirror of
https://github.com/zitadel/zitadel.git
synced 2025-08-26 07:27:36 +00:00
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:
16
console/src/styles/link.scss
Normal file
16
console/src/styles/link.scss
Normal 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;
|
||||
}
|
||||
}
|
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user