fix changes in trajectory module

Author: Awakich

projects/skills/src/app/trajectories/track-career/detail/info/info.component.html

@@ -71,7 +71,16 @@
       </div>
 
       <div class="trajectory__description" [style.background-color]="trajectory.backgroundColor">
-        @if (trajectory.description) {
+        @if (trajectory.description) { @if (desktopMode$ | async; as desktopMode) {
+        <div class="text-body-14">
+          <p
+            [innerHTML]="trajectory.description | parseLinks | parseBreaks"
+            [style.color]="
+              trajectory.company === 'Procollab' ? 'var(--dark-grey)' : trajectory.textColor
+            "
+          ></p>
+        </div>
+        } @else {
         <div class="text-body-14 about__text">
           <p
             #descEl
@@ -89,7 +98,7 @@
           </div>
           }
         </div>
-        }
+        } }
       </div>
 
       <div

projects/skills/src/app/trajectories/track-career/detail/info/info.component.scss

@@ -236,6 +236,11 @@
       padding: 18px 25px;
       border: 1px solid var(--grey-button);
       border-radius: 15px;
+      height: auto;
+
+      @include responsive.apply-desktop {
+        height: 235px;
+      }
     }
   }
 

projects/skills/src/app/trajectories/track-career/detail/info/info.component.ts

@@ -16,7 +16,7 @@ import { ParseBreaksPipe, ParseLinksPipe } from "@corelib";
 import { ButtonComponent } from "@ui/components";
 import { AvatarComponent, IconComponent } from "@uilib";
 import { expandElement } from "@utils/expand-element";
-import { map, Subscription } from "rxjs";
+import { map, Observable, Subscription } from "rxjs";
 import { SkillCardComponent } from "../../../../skills/shared/skill-card/skill-card.component";
 import { CommonModule } from "@angular/common";
 import { MonthBlockComponent } from "projects/skills/src/app/profile/shared/month-block/month-block.component";
@@ -29,6 +29,7 @@ import { TrajectoriesService } from "../../../trajectories.service";
 import { Month, UserData } from "projects/skills/src/models/profile.model";
 import { ProfileService } from "projects/skills/src/app/profile/services/profile.service";
 import { SkillService } from "projects/skills/src/app/skills/services/skill.service";
+import { BreakpointObserver } from "@angular/cdk/layout";
 
 @Component({
   selector: "app-detail",
@@ -56,6 +57,7 @@ export class TrajectoryInfoComponent implements OnInit, AfterViewInit {
   trajectoryService = inject(TrajectoriesService);
   profileService = inject(ProfileService);
   skillService = inject(SkillService);
+  breakpointObserver = inject(BreakpointObserver);
 
   subscriptions$: Subscription[] = [];
 
@@ -78,7 +80,13 @@ export class TrajectoryInfoComponent implements OnInit, AfterViewInit {
 
   @ViewChild("descEl") descEl?: ElementRef;
 
+  desktopMode$: Observable<boolean> = this.breakpointObserver
+    .observe("(min-width: 920px)")
+    .pipe(map(result => result.matches));
+
   ngOnInit(): void {
+    this.desktopMode$.subscribe(r => console.log(r));
+
     this.route.data.pipe(map(r => r["data"])).subscribe(r => {
       this.trajectory = r[0];
       this.userTrajectory.set({ ...r[1], individualSkills: r[2] });