andwati/zitadel
1
0
Fork 0
mirror of https://github.com/andwati/zitadel.git synced 2026-11-04 05:12:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: console flat navigation, settings (#3581)

Browse Source 
* instance routing

* instance naming

* org list

* rm isonsystem

* breadcrumb  type

* routing

* instance members

* fragment refresh org

* settings pages

* settings list, sidenav grouping, i18n

* org-settings, policy changes

* lint

* grid

* rename grid

* fallback to general

* cleanup

* general settings, remove cards

* sidenav for settings, label policy

* i18n

* header, nav backbuild

* general, project nav rehaul

* login text background adapt

* org nav anim

* org, instance settings, fix policy layout, roles

* i18n, active route for project

* lint
This commit is contained in:
Max Peintner
2022-05-09 15:01:36 +02:00
committed by GitHub
parent 94e420bb24
commit 06e3330d2e
188 changed files with 4046 additions and 3639 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/styles.scss
+19 -1
View File
@@ -238,6 +238,7 @@ $caos-dark-theme-background: (
// set fixed color due to https://github.com/angular/components/pull/14253
// change where a scss mix function can't use a css var
cards: map_get($caos-dark-background, 400),
cardhovered: map_get($caos-dark-background, 300),
contributor: map_get($caos-dark-background, 400),
contributor-avatar: map_get($caos-dark-background, 300),
dialog: map_get($caos-dark-background, 500),
@@ -273,6 +274,7 @@ $caos-light-theme-background: (
// set fixed color due to https://github.com/angular/components/pull/14253
// change where a scss mix function can't use a css var
cards: map_get($caos-light-background, 400),
cardhovered: map_get($caos-light-background, 300),
dialog: map_get($caos-light-background, 500),
disabled-button: rgba(black, 0.12),
raised-button: white,
@@ -283,7 +285,7 @@ $caos-light-theme-background: (
unselected-chip: map_get($caos-light-background, 300),
disabled-list-option: map_get($caos-light-background, 200),
tooltip: map_get($mat-gray, 700),
infosection: #e4e4e4,
infosection: map_get($caos-light-primary, 100),
warninfosection: #ffc1c1,
successinfosection: #cbf4c9,
toolbar: rgba(map_get($caos-light-background, 500), 0.9),
@@ -427,6 +429,14 @@ $custom-typography: mat.define-typography-config(
border-radius: 6px;
}
.mat-option {
background-color: map-get($background, cards);
&:hover {
background-color: map-get($background, cardhovered);
}
}
.mat-button-toggle-button {
background-color: mat.get-color-from-palette($background, cards);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -481,6 +491,14 @@ $custom-typography: mat.define-typography-config(
border-radius: 6px;
}
.mat-option {
background-color: map-get($background, cards);
&:hover {
background-color: map-get($background, cardhovered);
}
}
.mat-button-toggle-button {
background-color: mat.get-color-from-palette($background, cards);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);