Copy Codeblocks Theme Component

So I made multiple changes here. Given our problems were:

  • screen space on mobile
  • copy text bug on quote
  • and we have had request of having an icon instead of text

The obvious solution solving all of this… was to use an icon.

On mobile it’s now acceptable to have it on the right, given it takes less space and we can just have some padding for text:

Only minor annoyance, on long FIRST lines it will be hidden behind button, I think it’s acceptable given you can scroll:

And in Desktop it will work as before without the quoting bug:

Concerning, the possible perf bug, I tried a page with dozens of code blocks and got 0 issue, so I will need a reproduction before I can do anything @lcestou please

Try the new codeblock here:

rsync -a file.txt file_backup.txt
rsync -a /var/www/public_html/ /var/www/public_html_backup/
7 Likes