diff --git a/src/app/profile/profile.component.html b/src/app/profile/profile.component.html index 4a5e03d1729859617cada8f17a4d4ec555a7ee37..da389cd0f772d5f24178acc9d757e6eb1c6b074e 100644 --- a/src/app/profile/profile.component.html +++ b/src/app/profile/profile.component.html @@ -33,7 +33,7 @@ }}</a> <app-structure-options-modal [structure]="s" (closed)="ngOnInit()"></app-structure-options-modal> </div> - <div fxLayout="column" fxLayoutGap="14px"> + <div fxLayout="column" fxLayoutGap="14px" class="ownersBlock"> <p class="ownerName" *ngFor="let owner of s.owners">{{ owner.email }}</p> </div> </div> diff --git a/src/app/profile/profile.component.scss b/src/app/profile/profile.component.scss index f2547348eb9a58390bbf3fbe56eff4323e321668..341f12ec1c96f89c8d1ea108d0b02a088990bed6 100644 --- a/src/app/profile/profile.component.scss +++ b/src/app/profile/profile.component.scss @@ -48,6 +48,11 @@ } .structureSection { margin-bottom: 108px; + .ownersBlock { + width: 100%; + max-height: 300px; + overflow: auto; + } } .addSection { diff --git a/src/app/shared/components/structure-options-modal/structure-options-modal.component.html b/src/app/shared/components/structure-options-modal/structure-options-modal.component.html index a5f68cc4d0a307ce11d08f91d231ff29168fd1a1..a9aab9a7872b158601b109ae9e1faf6565da35ab 100644 --- a/src/app/shared/components/structure-options-modal/structure-options-modal.component.html +++ b/src/app/shared/components/structure-options-modal/structure-options-modal.component.html @@ -165,7 +165,7 @@ <h2>Supprimer un compte</h2> <div class="ico-close-details" (click)="closeModalOptsProfile()"></div> </div> - <div fxLayout="column" fxLayoutGap="16px"> + <div fxLayout="column" fxLayoutGap="16px" class="ownersBlock"> <div class="row removeOwner" *ngFor="let owner of structure.owners" fxLayoutGap="16px"> <button class="btn-primary small" (click)="removeOwner(owner.id)">X</button> <span> diff --git a/src/app/shared/components/structure-options-modal/structure-options-modal.component.scss b/src/app/shared/components/structure-options-modal/structure-options-modal.component.scss index 6edbfaaaf25e17a16eab777fc26c60686beec7d7..2d34b631ebd55da49121d92ccebbfe0bb6738f65 100644 --- a/src/app/shared/components/structure-options-modal/structure-options-modal.component.scss +++ b/src/app/shared/components/structure-options-modal/structure-options-modal.component.scss @@ -60,6 +60,9 @@ button { } } .removeOwner { + white-space: nowrap; + width: 84%; + text-overflow: ellipsis; button { width: 40px; background-color: $red-default; @@ -83,4 +86,9 @@ button { .ico-close-details { min-width: 40px; } + .ownersBlock { + width: 100%; + max-height: 300px; + overflow: auto; + } } diff --git a/src/styles.scss b/src/styles.scss index 24a7585c8aa811ce9c856b8210201b33fcc12604..3a1cf55d2fbadd5a1ced0d5c0b5ac68eaa00ab81 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -233,7 +233,7 @@ button { border-radius: 6px; @include background-hash($grey-2); border: 1px solid $grey-4; - position: absolute; + position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);