fix skills detail

Author: Awakich

projects/skills/src/app/task/task/task.component.html

@@ -48,7 +48,7 @@ <h1 class="badge__title">{{ skillStepsResponse()?.skillName }}</h1>
           ? skillStepsResponse()?.nextLevel
           : skillStepsResponse()?.currentLevel
       }}
-      уровень
+      Задание
     </div>
   </div>
   <router-outlet></router-outlet>

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

@@ -208,7 +208,7 @@
     }
 
     &__mentor {
-      display: flex;
+      display: none;
       flex-direction: column;
       gap: 20px;
       align-items: flex-start;

projects/skills/src/app/trajectories/track-career/shared/trajectory/trajectory.component.html

@@ -9,7 +9,16 @@
       <div class="trajectory__content">
         <h4 class="text-heading-4" [style.color]="trajectory.textColor">{{ trajectory.name }}</h4>
         <div class="trajectory__description">
-          @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
@@ -27,7 +36,7 @@ <h4 class="text-heading-4" [style.color]="trajectory.textColor">{{ trajectory.na
             </div>
             }
           </div>
-          }
+          } }
         </div>
       </div>
 

projects/skills/src/app/trajectories/track-career/shared/trajectory/trajectory.component.ts

@@ -23,6 +23,8 @@ import { ParseBreaksPipe, ParseLinksPipe, PluralizePipe } from "@corelib";
 import { Trajectory } from "projects/skills/src/models/trajectory.model";
 import { trajectoryMore } from "projects/core/src/consts/trajectoryMore";
 import { HttpErrorResponse } from "@angular/common/http";
+import { BreakpointObserver } from "@angular/cdk/layout";
+import { map, Observable } from "rxjs";
 
 @Component({
   selector: "app-trajectory",
@@ -47,6 +49,11 @@ export class TrajectoryComponent implements AfterViewInit, OnInit {
 
   router = inject(Router);
   trajectoryService = inject(TrajectoriesService);
+  breakpointObserver = inject(BreakpointObserver);
+
+  desktopMode$: Observable<boolean> = this.breakpointObserver
+    .observe("(min-width: 920px)")
+    .pipe(map(result => result.matches));
 
   cdRef = inject(ChangeDetectorRef);
   sanitizer = inject(DomSanitizer);