react-code-blocks icon indicating copy to clipboard operation
react-code-blocks copied to clipboard

There is a white background behind text and clipboard icon is too small

Open KingTahac53 opened this issue 3 years ago • 1 comments

This is how the UI is looking

image

Below is my code I used

      text={`function toBe() {
            if (Math.random() < 0.5) {
              return true;
            } else {
              return false;
            }
            }`}
      showLineNumbers={true}
      codeBlock
      language="text"
      theme={a11yDark}
      customStyle={{
        height: "250px",
        width: "100%",
        overflowY: "scroll",
        borderRadius: "5px",
        boxShadow: "1px 2px 3px rgba(0,0,0,0.35)",
        fontSize: "3.75rem",
        margin: "0px 0.75rem",
      }}
    />```


**I tried changing themes and tried in custom styles also but it didn't work**

KingTahac53 avatar Nov 07 '22 10:11 KingTahac53

Same bug here, the lines are also on the same row

        <CopyBlock
                text={splitPanelState.queryParsed ? format(splitPanelState.queryParsed, {language: 'postgresql'}) : ""}
                language={"sql"}
                showLineNumbers={true}
                theme={dracula}
                codeBlock
            />

image

MatteoGioioso avatar Feb 03 '23 07:02 MatteoGioioso