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/app/modules/sidenav/sidenav.component.scss
+45 -3
View File
@@ -2,10 +2,10 @@
@mixin sidenav-theme($theme) {
$foreground: map-get($theme, foreground);
$background: map-get($theme, background);
$is-dark-theme: map-get($theme, is-dark);
.sidenav-container {
padding-top: 1rem;
display: grid;
position: relative;
grid-template-columns: 1fr;
@@ -13,12 +13,54 @@
.sidenav-settings-list {
position: relative;
&.indented {
margin-right: 2rem;
.sidenav-sticky-rel {
margin-left: -2rem;
padding-left: 2rem;
background: map-get($background, footer);
}
}
.sidenav-sticky-rel {
display: flex;
flex-direction: column;
position: sticky;
top: 50px;
padding: 1rem 2rem 1rem 0;
top: 36px;
padding: 20px 2rem 20px 0;
.sidenav-setting-group {
font-size: 11px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: if($is-dark-theme, #ffffff60, #00000060);
margin-top: 1rem;
font-weight: 600;
margin-bottom: 0.5rem;
padding-top: 1rem;
border-top: 1px solid if($is-dark-theme, rgba(#8795a1, 0.2), rgba(#8795a1, 0.2));
&:nth-child(2) {
border-top: none;
padding-top: 0;
margin-top: 0;
}
&.hide-on-mobile {
@media only screen and (max-width: 500px) {
display: none;
}
}
&.show {
display: none;
@media only screen and (max-width: 500px) {
display: flex;
}
}
}
.sidenav-setting-list-element {
border: none;