fix news field for semi-columns text

Author: Awakich

projects/social_platform/src/app/office/features/news-form/news-form.component.html

@@ -2,17 +2,16 @@
 
 <form class="form" [formGroup]="messageForm" (ngSubmit)="onSubmit()">
   <div class="form__row">
-    <app-input
+    <app-textarea
       size="big"
       formControlName="text"
-      [hasBorder]="false"
       class="form__input text-body-12"
       autosize
       placeholder="сегодня был хороший день"
       (paste)="onPaste($event)"
       (keydown.meta.enter)="onSubmit()"
       [maxLength]="15940"
-    ></app-input>
+    ></app-textarea>
     <i appIcon icon="send" appSquare="12" class="form__send" (click)="onSubmit()"></i>
   </div>
   <div class="form__images">

projects/social_platform/src/app/office/features/news-form/news-form.component.scss

@@ -8,11 +8,18 @@
     display: flex;
     align-items: center;
 
-    ::ng-deep app-input {
-      input {
+    ::ng-deep app-textarea {
+      textarea {
         width: 100%;
-        background-color: transparent;
-        border-bottom: 0.5px solid var(--medium-grey-for-outline);
+        background: transparent;
+        border: none;
+        min-height: 50px;
+        padding: 0px 0px 10px 8px;
+
+        &:focus {
+          box-shadow: none;
+          border: none;
+        }
       }
     }
 

projects/social_platform/src/app/office/features/news-form/news-form.component.ts

@@ -10,6 +10,7 @@ import { FileUploadItemComponent } from "@ui/components/file-upload-item/file-up
 import { IconComponent, InputComponent } from "@ui/components";
 import { AutosizeModule } from "ngx-autosize";
 import { ImgCardComponent } from "@office/shared/img-card/img-card.component";
+import { TextareaComponent } from "@ui/components/textarea/textarea.component";
 
 /**
  * Компонент формы создания новости
@@ -42,6 +43,7 @@ import { ImgCardComponent } from "@office/shared/img-card/img-card.component";
     FileUploadItemComponent,
     InputComponent,
     ImgCardComponent,
+    TextareaComponent,
   ],
 })
 export class NewsFormComponent implements OnInit {

projects/social_platform/src/app/office/program/detail/main/main.component.html

@@ -169,7 +169,7 @@ <h3 class="links__title text-body-12">материалы</h3>
 <app-modal [open]="registeredProgramModal()" (openChange)="registeredProgramModal.set(false)">
   <div class="cancel" style="width: 605px; padding: 0px 24px">
     <div class="cancel__top">
-      <p class="cancel__title text-body-14">поздравляем, с регистрацией на программу! 🎉</p>
+      <p class="cancel__title text-body-14">поздравляем с регистрацией на программу! 🎉</p>
     </div>
 
     <div class="cancel__text-block">
@@ -193,8 +193,8 @@ <h3 class="links__title text-body-12">материалы</h3>
       </p>
 
       <p class="text-body-12">
-        Будьте внимательны: по истечению дедлайна, определенного организаторами, кнопка становится
-        не кликабельной 👻
+        Будьте внимательны: по истечению дедлайна определенного организаторами, кнопка становится
+        некликабельной 👻
       </p>
     </div>