mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-05 22:02:15 +00:00
9c07711aab
* checkbox color * project grant preview * project grante expandable row * add grant detail component * proto regen * project grant members shared module * fix project grant members dialog * fix create dialog * lint * add avatar colors, meta component styling * light theme * dl report * styles * move grants out of user context, grant detail * i18n grant pipe * lint * user grants * clear expandable view project grants * fix project member routing * fix granted members routing * fix group label * rename project grant * disable zitadel grant members * fix routing user grant creation * rest member writes * ignore case searches * forkjoin observables for project search * fix grant creation with users * fix projectid reference * formfield table style, user grant dynamic load * show key if no displayvalue is set * Delete report.20200630.163913.44081.0.001.json Co-authored-by: Silvan <[email protected]>
73 lines
1.3 KiB
SCSS
73 lines
1.3 KiB
SCSS
.meta-wrapper {
|
|
display: flex;
|
|
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;
|
|
|
|
@media only screen and (min-width: 1500px) {
|
|
flex-basis: 400px;
|
|
}
|
|
padding: 1rem;
|
|
|
|
.meta-content {
|
|
max-height: calc(100vh - 60px);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
&.hidden {
|
|
flex: 0 0 0 !important;
|
|
width: 0;
|
|
|
|
.hide {
|
|
transform: rotate(180deg);
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 50%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
} |