Updating explore api button.

diggsweden · Mar 21, 2024 · 24a18fd · 24a18fd
1 parent 70dc55c
commit 24a18fd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/components/content/Search/SearchPageSelector/index.tsx b/components/content/Search/SearchPageSelector/index.tsx
@@ -18,7 +18,7 @@ export const SearchPageSelector: React.FC<SearchTabsProps> = ({ query }) => {
         href={`/datasets?q=${query ? query : ""}&f=`}
         label={t("search$datasets")}
         locale={lang}
-        className={`${
+        className={`whitespace-nowrap ${
           pathname === "/datasets"
             ? "bg-pink-200 font-strong text-textPrimary"
             : ""
@@ -30,7 +30,7 @@ export const SearchPageSelector: React.FC<SearchTabsProps> = ({ query }) => {
         href={`/concepts?q=${query ? query : ""}&f=`}
         label={t("search$concepts")}
         locale={lang}
-        className={`${
+        className={`whitespace-nowrap ${
           pathname === "/concepts"
             ? "bg-pink-200 font-strong text-textPrimary"
             : ""
@@ -42,7 +42,7 @@ export const SearchPageSelector: React.FC<SearchTabsProps> = ({ query }) => {
         href={`/specifications?q=${query ? query : ""}&f=`}
         label={t("search$specifications")}
         locale={lang}
-        className={`${
+        className={`whitespace-nowrap ${
           pathname === "/specifications"
             ? "bg-pink-200 font-strong text-textPrimary"
             : ""
@@ -54,7 +54,7 @@ export const SearchPageSelector: React.FC<SearchTabsProps> = ({ query }) => {
         href={`/search?q=${query ? query : ""}&f=`}
         label={t("search$content")}
         locale={lang}
-        className={`${
+        className={`whitespace-nowrap ${
           pathname === "/search"
             ? "bg-pink-200 font-strong text-textPrimary"
             : ""

diff --git a/styles/base.css b/styles/base.css
@@ -194,7 +194,8 @@ input[type="radio"] {
 }
 
 .explore-api-btn {
-  @apply button--primary button--large button flex items-center gap-sm bg-brown-600 no-underline hover:bg-brown-800 [&_span]:text-white !important;
+  @apply button--primary button--large button mt-md flex items-center gap-sm 
+  bg-brown-600 no-underline hover:bg-brown-800 md:mt-none [&_span]:text-white !important;
 }
 
 /* SWAGGER UI */

diff --git a/utilities/entryscape_blocks.ts b/utilities/entryscape_blocks.ts
@@ -187,7 +187,7 @@ export const exploreApiLink = (cid: string, eid: string, t: Translate) => `
           el.appendChild(svgIcon);
           label.innerHTML = '${t("pages|datasetpage$explore-api")}'
           el.setAttribute('href', getApiExploreUrl('${eid}',entryId))
-          el.setAttribute('class', 'explore-api-btn noUnderline mt-md md:mt-none') 
+          el.setAttribute('class', 'explore-api-btn noUnderline') 
         }
       }
     },