opentelemetry.io icon indicating copy to clipboard operation
opentelemetry.io copied to clipboard

Published 20 hours ago • verified publisher icon open-telemetry

collapse block fix

Open kemsguy7 opened this issue 4 months ago • 5 comments

This pr resolves issue: #5405 where I resolved a issues in the nodeJs documentation Page; improving the visibility of long invisible code blocks wrapped around previous with HTML summary tag .

Key changes

  • Created a new shortcode preview-fade.html in the themes/docsy/layouts/shortcodes directory to hold the expandable Show More that shows the first 3 lines of the codeblock
  • Added in styling for the new Layout by creating a new scss file in themes/docsy/assets/scss/shortcodes/preview-fade.scss
  • Edited the Markdown file to include my newly custom-created shortcode
  • Added a Javascript file for the Show More to toggle the collapsible section based on its state in themes/docsy/assets/js/preview-fade.js

Demo

Screenshot 2024-10-23 at 03 33 56

kemsguy7 avatar Oct 23 '24 02:10 kemsguy7