Align the Read More button in the Actions List block (#2385)

Align read more button in the action list - Buttons were aligned
greenpeace · Sep 19, 2024 · a26db22 · a26db22
1 parent 5825284
commit a26db22
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/assets/src/scss/blocks/ActionsList/ActionsListStyle.scss b/assets/src/scss/blocks/ActionsList/ActionsListStyle.scss
@@ -80,8 +80,14 @@
 
     .read-more-nav {
       display: flex;
-      justify-content: flex-end;
-      margin-top: 25%;
+      position: absolute;
+      bottom: 0;
+      right: 0;
+
+      html[dir="rtl"] & {
+        right: inherit;
+        left: 0;
+      }
 
       a {
         margin-bottom: 0;
@@ -96,12 +102,15 @@
 
   .wp-block-post-title {
     font-size: 20px;
-    margin-bottom: 0;
-    display: -webkit-box;
-    line-clamp: 2;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
+    margin-bottom: $sp-1;
+
+    a {
+      display: -webkit-box;
+      line-clamp: 2;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
   }
 
   .wp-block-post-excerpt p {