Merge pull request #1287 from UN-OCHA/aessid/HPC-10017

Revert "HPC-10017: Visual bug in related article element that don't h…
UN-OCHA · Jan 17, 2025 · c579827 · c579827
2 parents 9f36ce7 + 8c31b70
commit c579827
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/...es/custom/common_design_subtheme/components/gho-related-articles/gho-related-articles.css b/...es/custom/common_design_subtheme/components/gho-related-articles/gho-related-articles.css
@@ -56,7 +56,7 @@
 }
 
 /**
- * Content: title, summary and read-more link.
+ * Content: title, summary and read-more lunk.
  */
 @media screen and (min-width: 768px) {
   .gho-related-article__content {
@@ -67,6 +67,14 @@
     flex-grow: 1;
     flex-shrink: 0;
   }
+  [dir="ltr"] .gho-related-article__content {
+    padding-right: 0;
+    padding-left: 2.25rem;
+  }
+  [dir="rtl"] .gho-related-article__content {
+    padding-right: 2.25rem;
+    padding-left: 0;
+  }
 }
 
 /**

diff --git a/html/themes/custom/common_design_subtheme/css/styles.css b/html/themes/custom/common_design_subtheme/css/styles.css
diff --git a/.../themes/custom/common_design_subtheme/sass/component-overrides/_gho-related-articles.scss b/.../themes/custom/common_design_subtheme/sass/component-overrides/_gho-related-articles.scss
@@ -15,14 +15,5 @@
     /* The 2.25rem are for the padding of the text */
     width: calc(40% - 2.25rem);
     min-width: 320px;
-
-    [dir="ltr"] .gho-related-article .field--name-field-image {
-      padding-left: 0;
-      padding-right: 2.25rem;
-    }
-    [dir="rtl"] .gho-related-article .field--name-field-image {
-      padding-left: 2.25rem;
-      padding-right: 0;
-    }
   }
 }