styles for description

Author: Awakich

projects/social_platform/src/app/office/profile/detail/main/main.component.scss

@@ -277,10 +277,10 @@
       overflow: hidden;
       color: var(--black);
       text-overflow: ellipsis;
+      word-break: break-word;
+      transition: all 0.7s ease-in-out;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 5;
-      transition: all 0.7s ease-in-out;
-      word-break: break-word;
 
       &.expanded {
         -webkit-line-clamp: unset;

projects/social_platform/src/app/office/projects/detail/info/info.component.scss

@@ -286,13 +286,13 @@
     p {
       display: -webkit-box;
       overflow: hidden;
+      line-height: 1.5;
       color: var(--black);
       text-overflow: ellipsis;
+      word-break: break-word;
+      transition: all 0.7s ease-in-out;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 5;
-      transition: all 0.7s ease-in-out;
-      line-height: 1.5;
-      word-break: break-word;
 
       &.expanded {
         display: block;

projects/social_platform/src/app/office/projects/detail/shared/project-direction-card/project-direction-card.component.scss

@@ -72,11 +72,11 @@
   }
 
   &__title {
+    hyphens: auto;
     color: var(--accent);
     text-align: center;
     word-break: break-word;
     overflow-wrap: break-word;
-    hyphens: auto;
   }
 
   &__icon {
@@ -156,11 +156,11 @@
       flex-direction: column;
       gap: 2px;
       padding: 12px;
-      border: 0.5px solid var(--medium-grey-for-outline);
-      border-radius: var(--rounded-lg);
       word-break: break-word;
       overflow-wrap: break-word;
       white-space: pre-wrap;
+      border: 0.5px solid var(--medium-grey-for-outline);
+      border-radius: var(--rounded-lg);
     }
   }
 
@@ -220,15 +220,13 @@
     }
 
     p {
-
       color: var(--accent);
     }
   }
 
   &__title {
     margin-bottom: 8px;
 
-
     &--partner {
       color: var(--green-dark);
     }

projects/social_platform/src/app/office/projects/detail/shared/project-vacancy-card/project-vacancy-card.component.scss

@@ -40,9 +40,8 @@
   }
 
   &__description {
-    margin: 8px 0;
     min-width: 0;
-
+    margin: 8px 0;
   }
 
   &__actions {
@@ -85,10 +84,10 @@
       overflow: hidden;
       color: var(--black);
       text-overflow: ellipsis;
+      word-break: break-word;
+      transition: all 0.7s ease-in-out;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 5;
-      transition: all 0.7s ease-in-out;
-       word-break: break-word;
 
       &.expanded {
         -webkit-line-clamp: unset;