diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesKeyDataTable.scss b/packages/@ourworldindata/grapher/src/modal/SourcesKeyDataTable.scss index 2e6ead84d80..97e1b09bd22 100644 --- a/packages/@ourworldindata/grapher/src/modal/SourcesKeyDataTable.scss +++ b/packages/@ourworldindata/grapher/src/modal/SourcesKeyDataTable.scss @@ -30,6 +30,11 @@ color: inherit; text-decoration: underline; + // DoD spans should be dotted via the border, not underlined + &.dod-span { + text-decoration: none; + } + &:hover { text-decoration: none; } diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss index 867d59cd552..39831c975d4 100644 --- a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss +++ b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss @@ -46,6 +46,11 @@ &:hover { text-decoration: none; } + + // DoD spans should be dotted via the border, not underlined + &.dod-span { + text-decoration: none; + } } .heading { diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx b/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx index 0842bb51a40..da6e3f312e5 100644 --- a/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx +++ b/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx @@ -16,6 +16,7 @@ import { import { IndicatorSources, IndicatorProcessing, + SimpleMarkdownText, } from "@ourworldindata/components" import React from "react" import { action, computed } from "mobx" @@ -393,7 +394,7 @@ export class Source extends React.Component<{
{this.def.descriptionShort}
+