fix(source-modal): fix small design inconsistencies

owid · Nov 8, 2023 · da7f1e6 · da7f1e6
1 parent 3fabc98
commit da7f1e6
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 6 deletions.
diff --git a/packages/@ourworldindata/components/src/IndicatorKeyData/IndicatorKeyData.tsx b/packages/@ourworldindata/components/src/IndicatorKeyData/IndicatorKeyData.tsx
@@ -47,7 +47,8 @@ export const IndicatorKeyData = (props: IndicatorKeyDataProps) => {
                             </a>
                         ) : (
                             processingLevelPhrase
-                        )}
+                        )}{" "}
+                        by Our World in Data
                     </div>
                 </div>
             )}

diff --git a/packages/@ourworldindata/components/src/styles/typography.scss b/packages/@ourworldindata/components/src/styles/typography.scss
@@ -339,3 +339,14 @@ body {
 .body-3-medium-italic-underlined {
     @include body-3-medium-italic-underlined;
 }
+
+@mixin label-2-medium {
+    font-family: $sans-serif-font-stack;
+    font-size: 0.8125rem;
+    font-weight: 500;
+    letter-spacing: 0.01em;
+}
+
+.label-2-medium {
+    @include label-2-medium;
+}
diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
@@ -52,6 +52,7 @@
             --indicator-key-data-title: #{$light-text};
             --indicator-key-data-border: #{$border};
 
+            @include label-2-medium;
             margin-top: 16px;
         }
 

diff --git a/packages/@ourworldindata/utils/src/metadataHelpers.ts b/packages/@ourworldindata/utils/src/metadataHelpers.ts
@@ -129,11 +129,11 @@ export const getPhraseForProcessingLevel = (
 ): string => {
     switch (processingLevel) {
         case "major":
-            return "with major adaptations by Our World In Data"
+            return "with major adaptations"
         case "minor":
-            return "with minor processing by Our World In Data"
+            return "with minor processing"
         default:
-            return "processed by Our World In Data"
+            return "processed"
     }
 }
 

diff --git a/site/DataPageV2Content.tsx b/site/DataPageV2Content.tsx
@@ -115,8 +115,8 @@ export const DataPageV2Content = ({
     )
     const lastUpdated = dayjs(datapageData.lastUpdated, ["YYYY", "YYYY-MM-DD"])
     const yearOfUpdate = lastUpdated.year()
-    const citationShort = `${attributionPotentiallyShortened} – ${processingLevelPhrase} (${yearOfUpdate})`
-    const citationLonger = `${attributionUnshortened} – ${processingLevelPhrase} (${yearOfUpdate})`
+    const citationShort = `${attributionPotentiallyShortened} – ${processingLevelPhrase} by Our World in Data (${yearOfUpdate})`
+    const citationLonger = `${attributionUnshortened} – ${processingLevelPhrase} by Our World in Data (${yearOfUpdate})`
     const originsLong = uniq(
         datapageData.origins.map(
             (o) => `${o.producer}, ${o.title ?? o.titleSnapshot}`
-Original file line number
+Diff line change
@@ Expand Up @@
                                 </a>
                             ) : (
                                 processingLevelPhrase
-                            )}
+                            )}{" "}
+                            by Our World in Data
                         </div>
                     </div>
                 )}
@@ Expand Down @@