Skip to content

Commit

Permalink
update sidebar heading styling
Browse files Browse the repository at this point in the history
  • Loading branch information
fern-support committed Dec 23, 2024
1 parent 4fcccf5 commit 25b81e8
Showing 1 changed file with 8 additions and 74 deletions.
82 changes: 8 additions & 74 deletions fern/assets/styles/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,10 @@
display: none !important;
}

/* Hide the changelog icon
/* Hide the changelog icon */
.fern-sidebar-icon {
display: none !important;
} */
}

/* Hide first HR in changelog */
.fern-changelog > main > section + hr {
Expand All @@ -29,79 +29,13 @@
margin-left: 0 !important;
}

/* Fix the tablist not being scrollable on mobile and hide the native scrollbar */
[role='tablist'] {
position: relative;
overflow-x: auto;
overflow-y: visible;

/* Hide native scrollbars */
-ms-overflow-style: none;
scrollbar-width: none;
}
[role='tablist']::-webkit-scrollbar {
display: none; /* Chrome, Safari, newer Edge */
}
[role='tablist'] h6[data-state='active'] {
position: relative;
z-index: 1;
border-bottom: 2px solid currentColor !important;
}

/*----------------------------------------
Wave Animation Block
----------------------------------------*/
/* Overview Wave */
#overview-wave {
width: 100vw;
max-width: 100vw;
display: block;
margin-left: 50%;
transform: translateX(-50%);
}
#overview-wave canvas[data-engine='three.js r171'] {
height: 350px !important;
}

/* Card Wave */
#model-card-wave {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100px;
overflow: hidden;
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}

#model-card-wave canvas[data-engine='three.js r171'] {
height: 100px !important;
width: 100% !important;
display: block;
transform: scaleY(0.3);
transform-origin: bottom;
}

/* Deprecated API Reference */
.fern-sidebar-link[href$='/api-reference/voice-generation-deprecated/generate']
.fern-sidebar-link-text,
.fern-sidebar-link[href$='/api-reference/voice-generation-deprecated/generate-parameters']
.fern-sidebar-link-text,
.fern-sidebar-link[href$='/api-reference/voice-generation-deprecated/create-a-previously-generated-voice']
.fern-sidebar-link-text {
text-decoration: line-through;
color: var(--grayscale-8);
}

/* Hide the widget on mobile */
elevenlabs-convai {
display: none;
.fern-sidebar-heading-content {
font-size: 0.75rem !important;
line-height: 1rem !important;
}

@media (min-width: 1024px) {
elevenlabs-convai {
display: block;
.fern-sidebar-heading {
min-height: 30px !important;
}
}
}

0 comments on commit 25b81e8

Please sign in to comment.