✨ data catalog ribbon clickability

owid · Jul 30, 2024 · c44dec6 · c44dec6
1 parent 7337ed8
commit c44dec6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/site/DataCatalog.scss b/site/DataCatalog.scss
@@ -114,6 +114,7 @@
     h2 {
         margin: 0;
         font-weight: bold;
+        color: $blue-90;
     }
     a {
         line-height: 38.4px;

diff --git a/site/DataCatalog.tsx b/site/DataCatalog.tsx
@@ -51,21 +51,21 @@ const DataCatalogRibbon = ({
         <Index indexName={getIndexName(SearchIndexName.Charts)}>
             <Configure facetFilters={[`tags:${tagName}`]} hitsPerPage={4} />
             <div className="data-catalog-ribbon">
-                <div className="data-catalog-ribbon__header">
-                    <h2 className="body-1-regular">{tagName}</h2>
-                    <a
-                        href={`/charts?topics=${tagName}`}
-                        onClick={(e) => {
-                            e.preventDefault()
-                            addGlobalFacetFilter(tagName)
-                        }}
-                    >
+                <a
+                    href={`/charts?topics=${tagName}`}
+                    onClick={(e) => {
+                        e.preventDefault()
+                        addGlobalFacetFilter(tagName)
+                    }}
+                >
+                    <div className="data-catalog-ribbon__header">
+                        <h2 className="body-1-regular">{tagName}</h2>
                         <span className="data-catalog-ribbon__hit-count body-2-semibold">
                             {getNbHitsForTag(tagName, scopedResults)} indicators
                             <FontAwesomeIcon icon={faArrowRight} />
                         </span>
-                    </a>
-                </div>
+                    </div>
+                </a>
                 <Hits
                     classNames={{
                         root: "data-catalog-ribbon-hits",