fix: CSS fix on circle-edit page

This commit is contained in:
Gaëlle Morin 2019-10-25 15:06:39 +02:00
parent 8e7547d06b
commit 1170e8b619
4 changed files with 18 additions and 9 deletions

View File

@ -17,6 +17,6 @@ div#viewport {
@import 'layout/members/index';
@import 'layout/job-offers/index';
@import 'layout/project-profile/index';
@import 'layout/circle-profile/index';
@import 'layout/circle/index';
@import 'layout/user/index';
}

View File

@ -20,8 +20,12 @@ h2 {
width: 50%;
}
>*:first-of-type {
border-right: 1px solid white;
>*:last-of-type {
border-left: 1px solid white;
@media (max-width: 1220px) {
display: none;
}
}
}
@ -34,18 +38,23 @@ h2 {
flex: 1;
width: 50%;
}
>*:nth-child(odd) {
sib-display {
border-left: 1px solid $color-228-25-79;
border-right: 1px solid $color-228-25-79;
padding: 0 2.2rem;
}
>*:nth-child(even) {
display: flex;
sib-ac-checker {
align-items: center;
border-right: 1px solid $color-228-25-79;
display: flex;
justify-content: flex-end;
padding: 2.7rem 2.2rem;
@media (max-width: 1220px) {
display: none;
}
}
}
@ -107,11 +116,11 @@ sib-multiple[widget='team-template-edit'] {
[name='name'] {
font-weight: 600;
margin-right: 1rem;
}
sib-multiple {
display: flex;
margin-left: 1rem;
[name='groups'] {
@extend %user-role;