fix tooltip position

Author: Awakich

projects/social_platform/src/app/office/office.component.ts

@@ -138,8 +138,6 @@ export class OfficeComponent implements OnInit, OnDestroy {
           (program: Program) => Date.now() < Date.parse(program.datetimeRegistrationEnds)
         );
         this.programs.set(resultPrograms.slice(0, 3));
-
-        console.log(this.programs().find(prog => prog.isUserMember));
         this.tryShowRegisteredProgramModal();
       },
     });

projects/social_platform/src/app/office/program/detail/list/list.component.scss

@@ -6,6 +6,8 @@
   grid-template-columns: 8fr 2fr;
   gap: 10px;
   padding-bottom: 100px;
+  max-width: 1280px;
+  margin: 0 auto;
 
   &__outlet {
     display: flex;
@@ -58,6 +60,7 @@
 
   &__left {
     width: 100%;
+    position: relative;
   }
 
   &__export {
@@ -78,8 +81,12 @@
 
   &__tooltip {
     position: fixed;
-    right: 320px;
-    bottom: 30px;
+    bottom: 24px;
+    right: calc(
+      (100vw - 1080px) / 2
+    );
+
+    z-index: 30;
   }
 }
 

projects/social_platform/src/app/office/projects/edit/shared/project-team-step/project-team-step.component.scss

@@ -68,15 +68,19 @@
 
   &__no-items {
     position: absolute;
-    bottom: 0%;
+    bottom: -50%;
     left: 50%;
+    transform: translateY(-50%);
   }
 
   &__team {
+    position: relative;
+
     &-tooltip {
-      position: fixed;
-      right: 320px;
-      bottom: 30px;
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      transform: translateY(calc(var(--app-height) * 0.47));
     }
   }
 }