fix(profile) : fix max-height of list owners

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>

src/app/profile/profile.component.scss

@@ -48,6 +48,11 @@
 }
 .structureSection {
   margin-bottom: 108px;
+  .ownersBlock {
+    width: 100%;
+    max-height: 300px;
+    overflow: auto;
+  }
 }
 
 .addSection {

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>

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;
+  }
 }

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%);