From c91cae925e0f9a6519cd10ef180bd85a933b0dae Mon Sep 17 00:00:00 2001
From: = <=>
Date: Mon, 24 May 2021 16:43:30 +0500
Subject: [PATCH] 1234

---
 .../css/components/2-layout/newsCard.scss     | 153 +++++++++---------
 .../assets/css/components/3-page/home.scss    |   6 +
 themes/modern2/assets/css/main.css            |   7 +
 3 files changed, 91 insertions(+), 75 deletions(-)

diff --git a/themes/modern2/assets/css/components/2-layout/newsCard.scss b/themes/modern2/assets/css/components/2-layout/newsCard.scss
index 492c78e33..19547b71c 100755
--- a/themes/modern2/assets/css/components/2-layout/newsCard.scss
+++ b/themes/modern2/assets/css/components/2-layout/newsCard.scss
@@ -1,81 +1,84 @@
 .card {
-  position: relative;
-  padding: 30px;
-  background: $text-color-white;
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
     position: relative;
-    &-category {
-      padding: 5px 10px;
-      background: $main-color;
-      font-size: $h5-size;
-      line-height: $h5-height;
-      color: $text-color-white;
-      font-weight: 700;
-      max-width: 115px;
-      text-align: center;
-      margin-bottom: 10px;
-    }
-    &-view {
-      display: flex;
-      align-items: center;
-      color: $text-color-grey;
-      font-weight: 400;
-      font-size: $h5-size;
-      line-height: $h5-height - 5px;
-      svg {
-        margin-right: 5px;
-        stroke: $text-color-grey;
-        width: 21px;
-        height: 14px;
-      }
-    }
-    &-date {
-      display: flex;
-      align-items: center;
-      font-size: $h5-size;
-      line-height: $h5-height;
-      color: $text-color-grey;
-      font-weight: 400;
-      svg {
-        margin: 0 5px;
-        width: 4px;
-        height: 4px;
-      }
-    }
-  }
-  &__link {
-    color: $text-black;
-    font-weight: 700;
-    font-size: $h4-size;
-    line-height: $h4-height;
-    margin: 10px 0 0 0;
-    display: block;
-  }
-  &__box {
-    padding: 30px 0;
-
-    &:last-child {
-      border-top: 1px solid $text-color-grey;
-      padding: 30px 0 0 0;
-    }
-    &:nth-child(2) {
-      padding: 0 0 30px 0;
-    }
-  }
-  &.other {
     padding: 30px;
-    .card__header {
-      &-category {
-        background: $text-light-black;
-        color: $text-color-white;
-      }
+    background: $text-color-white;
+    &__header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        position: relative;
+        &-category {
+            padding: 5px 10px;
+            background: $main-color;
+            font-size: $h5-size;
+            line-height: $h5-height;
+            color: $text-color-white;
+            font-weight: 700;
+            max-width: 115px;
+            text-align: center;
+            margin-bottom: 10px;
+        }
+        &-view {
+            display: flex;
+            align-items: center;
+            color: $text-color-grey;
+            font-weight: 400;
+            font-size: $h5-size;
+            line-height: $h5-height - 5px;
+            svg {
+                margin-right: 5px;
+                stroke: $text-color-grey;
+                width: 21px;
+                height: 14px;
+            }
+        }
+        &-date {
+            display: flex;
+            align-items: center;
+            font-size: $h5-size;
+            line-height: $h5-height;
+            color: $text-color-grey;
+            font-weight: 400;
+            svg {
+                margin: 0 5px;
+                width: 4px;
+                height: 4px;
+            }
+        }
     }
-    border-bottom: 1px solid #e6e6e6;
-    &:last-child {
-      border-bottom: none;
+    &__link {
+        color: $text-black;
+        font-weight: 700;
+        font-size: $h4-size;
+        line-height: $h4-height;
+        margin: 10px 0 0 0;
+        display: block;
+        height: 75px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    &__box {
+        padding: 30px 0;
+
+        &:last-child {
+            border-top: 1px solid $text-color-grey;
+            padding: 30px 0 0 0;
+        }
+        &:nth-child(2) {
+            padding: 0 0 30px 0;
+        }
+    }
+    &.other {
+        padding: 30px;
+        .card__header {
+            &-category {
+                background: $text-light-black;
+                color: $text-color-white;
+            }
+        }
+        border-bottom: 1px solid #e6e6e6;
+        &:last-child {
+            border-bottom: none;
+        }
     }
-  }
 }
diff --git a/themes/modern2/assets/css/components/3-page/home.scss b/themes/modern2/assets/css/components/3-page/home.scss
index 4663202af..7510d888a 100755
--- a/themes/modern2/assets/css/components/3-page/home.scss
+++ b/themes/modern2/assets/css/components/3-page/home.scss
@@ -214,6 +214,12 @@
             margin-bottom: 80px;
             color: $text-light-black;
         }
+        .card {
+            &__link {
+                height: unset;
+                text-overflow: unset;
+            }
+        }
         a.progressive {
             position: relative;
             display: block;
diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css
index 35329a38b..0078570b7 100755
--- a/themes/modern2/assets/css/main.css
+++ b/themes/modern2/assets/css/main.css
@@ -634,6 +634,9 @@ li {
   line-height: 25px;
   margin: 10px 0 0 0;
   display: block;
+  height: 75px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .card__box {
   padding: 30px 0;
@@ -1398,6 +1401,10 @@ li {
   margin-bottom: 80px;
   color: #242424;
 }
+.main__sidebar .card__link {
+  height: unset;
+  text-overflow: unset;
+}
 .main__sidebar a.progressive {
   position: relative;
   display: block;