fix: button hover, destination & hover behavior

yfndev · May 20, 2024 · 22109a8 · 22109a8
1 parent 6cd1f77
commit 22109a8
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 12 deletions.
diff --git a/docs/product/find-problem.mdx b/docs/product/find-problem.mdx
@@ -90,7 +90,9 @@ Die Ursachen sind viel zu vielfältig und man würde rein gar nichts am Problem
 </TwoColumns>
 
 Eine Lösung sollte den Virus (Ursache) bekämpfen und nicht einfach nur die
-Symptome (Schnupfen)
+Symptome (Schnupfen).
+
+(Ursachen können übrigens auch Symptome anderer Ursachen sein!)
 
 ## Finde die Ursache
 

diff --git a/docs/start.mdx b/docs/start.mdx
@@ -48,4 +48,4 @@ Community Plattform von anderen Mitgliedern Unterstützung zu bekommen? [Hier](h
 Dieses Wiki ist noch in der Beta-Version und wird stetig weiterentwickelt und verbessert.
 Wir würden uns freuen, wenn du Feedback zum Inhalt sowie Ideen und Gedanken bei Insta an @youngfoundersnetwork schreibst oder einfach unten auf "Diese Seite bearbeiten" gehst 💛
 
-<Button>Roadmap starten!</Button>
+<Button destination="/roadmap/docs/startup-basics/product/find-problem">Roadmap starten!</Button>
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -1 +1,8 @@
-export const Button = ({ children }) => <button>{children}</button>;
+import Link from "@docusaurus/Link";
+import React from "react";
+
+export const Button = ({ children, destination }) => (
+  <Link to={destination} className="link-no-underline">
+    <button>{children}</button>
+  </Link>
+);
diff --git a/src/components/Tooltipp.tsx b/src/components/Tooltipp.tsx
@@ -13,12 +13,12 @@ export const Tooltipp = ({
     <p>{toolDescription}</p>
     <div className="flex flex-row mt-4 justify-start gap-4">
       {tutorialSource && (
-        <Link to={tutorialSource} className="no-underline">
+        <Link to={tutorialSource} className="link-no-underline">
           <button>Tutorial anschauen</button>
         </Link>
       )}
-      <Link to={toolSource} className="no-underline">
-        <button>{buttonText}</button>
+      <Link to={toolSource} className="link-no-underline">
+        <button style={{textDecoration: "none"}}>{buttonText}</button>
       </Link>
     </div>
   </div>

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -58,8 +58,8 @@ h1 {
 
 h2 {
   display: inline-block;
-  background-color: var(--color-contrast);
-  color: var(--color-on-contrast);
+  background-color: black;
+  color: white;
   font-weight: bold;
   padding: 0.25em;
   padding-left: 0.5em;
@@ -70,6 +70,11 @@ h2 {
   letter-spacing: -1px;
 }
 
+[data-theme="dark"] h2{
+  color: black;
+  background-color: white;
+}
+
 h2 a {
   display: none;
 }
@@ -81,6 +86,11 @@ h2 a {
 a {
   text-decoration: underline;
 }
+button, button a,
+.button a {
+  text-decoration: none;
+}
+
 a:hover {
   font-weight: bold;
   color: var(--color-contrast);
@@ -93,7 +103,7 @@ a:hover {
 a > button {
   text-decoration: none;
 }
-button a {
+.link-no-underline {
   text-decoration: none !important;
 }
 button {
@@ -109,11 +119,10 @@ button {
   width: 100%;
   justify-content: center;
 }
-
-[data-theme="dark"] button:hover {
+button:hover {
   color: black;
   background-color: var(--ifm-color-primary);
-  text-decoration-color: var(--ifm-color-primary);
+  text-decoration: none;
 }
 
 .menu__link,