Change implementation of code snippets icons to be purely CSS

great-expectations · Feb 28, 2024 · 12b9dc7 · 12b9dc7
1 parent a03b28e
commit 12b9dc7
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 45 deletions.
diff --git a/docs/docusaurus/docusaurus.config.js b/docs/docusaurus/docusaurus.config.js
@@ -2,7 +2,6 @@
 
 const remarkNamedSnippets = require('./scripts/remark-named-snippets/index');
 const remarkCodeImport = require('remark-code-import');
-const titleBasedIcon = require('./scripts/title-based-icon/index');
 
 require('dotenv').config()
 
@@ -272,7 +271,7 @@ module.exports = {
           includeCurrentVersion: true,
           sidebarPath: require.resolve('./sidebars.js'),
           // Note: remarkCodeImport is included to handle earlier versions with line number references (e.g. v0.14.13)
-          remarkPlugins: [remarkNamedSnippets, remarkCodeImport, titleBasedIcon],
+          remarkPlugins: [remarkNamedSnippets, remarkCodeImport],
           // versions needs to map major.minor -> major.minor.patch for display purposes. Update the patch as needed.
           versions: {
             current: {

diff --git a/docs/docusaurus/scripts/title-based-icon/index.js b/docs/docusaurus/scripts/title-based-icon/index.js
diff --git a/docs/docusaurus/src/css/code_block.scss b/docs/docusaurus/src/css/code_block.scss
@@ -32,6 +32,7 @@ div.theme-code-block {
     text-transform: capitalize;
 
     &::before {
+      background: url('/img/file-solid.svg') 0 50% no-repeat;
       content: '';
       display: inline-block;
       height: 1em;
@@ -68,7 +69,7 @@ div.theme-code-block {
     background: url('/img/file-solid.svg') 0 50% no-repeat;
   }
 
-  &.with-terminal-output-icon div:not(:only-child):first-child::before{
+  &.language-bash div:not(:only-child):first-child::before{
     background: url('/img/terminal-input-icon.svg') 0 50% no-repeat;
     width: 1.25em;
   }