Merge pull request #1284 from UN-OCHA/berliner/HPC-10015

HPC-10015: Allow 4-column top figures
UN-OCHA · Jan 10, 2025 · 57d4d9c · 57d4d9c
2 parents 73be960 + 0460154
commit 57d4d9c
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/html/themes/custom/common_design_subtheme/components/gho-top-figures/gho-top-figures.css b/html/themes/custom/common_design_subtheme/components/gho-top-figures/gho-top-figures.css
@@ -42,7 +42,6 @@
   }
   .gho-top-figures:not(.gho-top-figures--small) .gho-figures .gho-figure {
     display: inline-block;
-    flex-basis: 33.33%;
     flex-grow: 1;
     flex-shrink: 0;
     padding: 0 1.5rem;
@@ -55,13 +54,25 @@
     padding-left: 0;
     border-width: 0;
   }
+  [dir="ltr"]
+    .gho-top-figures:not(.gho-top-figures--small)
+    .gho-figures
+    .gho-figure:last-child {
+    padding-right: 0;
+  }
   [dir="rtl"]
     .gho-top-figures:not(.gho-top-figures--small)
     .gho-figures
     .gho-figure:first-child {
     padding-right: 0;
     border-width: 0 0 0 1px;
   }
+  [dir="rtl"]
+    .gho-top-figures:not(.gho-top-figures--small)
+    .gho-figures
+    .gho-figure:last-child {
+    padding-left: 0;
+  }
   [dir="rtl"]
     .gho-top-figures:not(.gho-top-figures--small)
     .gho-figures