docs: general design fixes (#2545)

* general fixes to the docs design

* fix condition checking for auto color scheme
This commit is contained in:
Shahed Nasser
2022-11-04 12:30:55 +02:00
committed by GitHub
parent e4e65812a6
commit 52666a8538
7 changed files with 67 additions and 8 deletions

View File

@@ -1,4 +1,4 @@
import React, {isValidElement} from 'react';
import React, {isValidElement, useCallback, useEffect, useState} from 'react';
import useIsBrowser from '@docusaurus/useIsBrowser';
import useBaseUrl from '@docusaurus/useBaseUrl';
import ElementContent from '@theme/CodeBlock/Content/Element';
@@ -36,7 +36,7 @@ export default function CodeBlock({children: rawChildren, ...props}) {
<div className='code-wrapper'>
<div className='code-header'>
<Tooltip text="Report Incorrect Code">
<a href={`${reportCodeLinkPrefix}&title=${encodeURIComponent(`Docs(Code Issue): Code Issue in ${isBrowser ? document?.title : ''}`)}`} target="_blank" className='report-code code-action img-url'>
<a href={`${reportCodeLinkPrefix}&title=${encodeURIComponent(`Docs(Code Issue): Code Issue in ${isBrowser ? location.pathname : ''}`)}`} target="_blank" className='report-code code-action img-url'>
<ThemedImage alt='Report Incorrect Code' sources={{
light: useBaseUrl('/img/alert-code.png'),
dark: useBaseUrl('/img/alert-code-dark.png')