💄 (sources) make data citation smaller on smaller screens

owid · Dec 29, 2023 · 6cb74f4 · 6cb74f4
1 parent 549138e
commit 6cb74f4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx b/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx
@@ -11,7 +11,6 @@ export const DataCitation = (props: {
                 <>
                     <p className="citation__paragraph">
                         <span className="citation__type">In-line citation</span>
-                        <br />
                         If you have limited space (e.g. in data visualizations),
                         you can use this abbreviated in-line citation:
                     </p>

diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
@@ -131,6 +131,7 @@
 
         .citation__type {
             color: $dark-text;
+            font-weight: 500;
         }
 
         .indicator-processing .indicator-processing__link {
@@ -147,11 +148,6 @@
             &:hover {
                 text-decoration: none;
             }
-
-            svg {
-                //display: inline-block;
-                //transform: rotate(-90deg);
-            }
         }
     }
 }
@@ -188,7 +184,9 @@
         }
 
         .indicator-descriptions .key-info__learn-more,
-        .indicator-processing .indicator-processing__link {
+        .indicator-processing .indicator-processing__link,
+        .citation__paragraph,
+        .citation__type {
             font-size: var(--text-small);
         }
     }

diff --git a/site/DataPageContent.scss b/site/DataPageContent.scss
@@ -498,6 +498,7 @@
     }
 
     .citation__type {
+        display: block;
         color: $blue-90;
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -498,6 +498,7 @@ @@
         }
         .citation__type {
+            display: block;
             color: $blue-90;
         }
@@ Expand Down @@