remove underline

dbt-labs · Jan 3, 2024 · c629698 · c629698
1 parent cf0e36f
commit c629698
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/website/src/components/faqs/index.js b/website/src/components/faqs/index.js
@@ -69,7 +69,7 @@ function FAQ({ path, alt_header = null }) {
     <div className={styles.faqs} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
       <span className={styles.link} onClick={toggleOn}>
         <span className={styles.toggle} style={{ transform: isOn ? 'rotateX(0deg)' : 'rotateX(180deg)' }}></span>
-        &nbsp;{alt_header || (fileContent?.meta && fileContent.meta.title)}
+        <span className={styles.headerText}>{alt_header || (fileContent?.meta && fileContent.meta.title)}</span>
         <small className={styles.disclaimer}>Hover to view</small>
       </span>
       <div style={{ display: isOn ? 'block' : 'none' }} className={styles.body}>

diff --git a/website/src/components/faqs/styles.module.css b/website/src/components/faqs/styles.module.css
@@ -1,9 +1,12 @@
 
-:local(.link) {
+:local(.link) :local(.headerText) {
     color: var(--ifm-link-color);
+    text-decoration: none;
+    transition: text-decoration 0.3s; /* Smooth transition */
 }
 
-:local(.link:hover) {
+:local(.link:hover) :local(.headerText),
+:local(.link:focus) :local(.headerText) {
     text-decoration: underline;
     cursor: pointer;
 }
@@ -28,6 +31,7 @@
     font-size: 0.8em;
     color: #666;
     margin-left: 10px; /* Adjust as needed */
+    text-decoration: none;
 }
 
 :local(.body) {