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

feat(console): org managers, refactor, bugfixes (#226)

Browse Source 
* resourceowner header, i18n

* password policy validators, roles required field

* use angular pattern instead of custom validator

* user detail fixes, mfa qr code, add org

* use mgmt for mfa list

* fetch owned projects

* search project

* seperate owned from granted projects

* lint

* fix granted project grid

* refactor project detail

* disable zitadel apps

* refactor project contributors

* changed i18n

* hide meta nav

* mobile meta layout

* refactor contributor name

* refactor org contributors

* org i18n, org member detail view
This commit is contained in:
Max Peintner
2020-06-16 14:52:07 +02:00
committed by GitHub
parent 7a6ca24625
commit f2cdae9ea3
95 changed files with 5019 additions and 3413 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/app/modules/meta-layout/meta-layout.component.scss
+61 -8
View File
@@ -1,19 +1,27 @@
.meta-wrapper {
display: flex;
height: 100%;
height: 100%;
overflow-x: hidden;
transition: all .2s ease-in-out;
.main-content {
display: relative;
width: 100%;
overflow-y: auto;
&.hidden {
flex-basis: 100%;
}
}
.meta {
position: relative;
flex: 1 0 300px;
background: linear-gradient(to bottom right, #4072b410 20%,transparent 50%);
@media only screen and (min-width: 1500px) {
flex-basis: 400px;
}
// overflow-y: auto;
padding: 1rem;
.meta-content {
@@ -21,13 +29,58 @@
display: flex;
flex-direction: column;
}
&.hidden {
flex: 0 0 0 !important;
width: 0;
background: linear-gradient(to bottom right, #4072b450,transparent 50%);
.hide {
transform: rotate(180deg);
visibility: visible;
opacity: 1;
}
}
&:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 50%;
border-left: 2px solid #4072b4;
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#4072b4), to(#212224), color-stop(01, #212224)) 50 21;
border-image: -webkit-gradient(linear, left top, left bottom, from(#4072b4), to(#212224), color-stop(01, #212224)) 50 21;
}
.hide {
position: absolute;
left: -40px;
top: .5rem;
opacity: 0;
transition: all .3s ease-in-out;
i {
font-size: 1.5rem;
}
&:hover {
visibility: visible;
}
}
&:hover {
.hide {
opacity: 1;
}
}
}
@media only screen and (max-width: 700px) {
flex-direction: column;
.main-content, .meta {
overflow-y: visible;
}
}
// @media only screen and (max-width: 700px) {
// flex-direction: column;
// .main-content, .meta {
// overflow-y: visible;
// }
// }
}