Feedback on the new design of code blocks

Asana Community Product Ideas
, ,
1

What have they done to my boy? :pleading_face:

I would like to encourage someone at Asana to revisit the recent changes to code blocks in descriptions and Pages.

Code blocks are not just for code. They are also very useful for snippets of text you want to copy/paste quickly. The new design takes up a lot more vertical space, especially for single-line content.

image
image1488×522 14.1 KB

The second issue: see the “-hidden” in the code block above? It is not possible to place your cursor on a word in that area, because of the pop-up that will appear as soon as you hover over the code block.

image
image1548×516 18.1 KB

It would be great to get a more compact version of the code block back - ideally with a better UX for the language/copy pop-up.

EDIT: It’s currently not possible to select a range that includes both regular text and a code block to copy/paste it. I would love to see full Markdown support here: code blocks should be selectable together with surrounding text, and copying should include the code fences and the language tag.

3 Likes
2

Yeah, I’d like to see some improvements like those suggested above also.

  • Don’t obscure text; other treatments in apps dynamically show the copy button when hovering over the code block.
  • Add a toggle for wrapping for no-wrapping on a block-by-block basis.
1 Like
3

I agree with this feedback. The new code blocks feel too large for short text, and the hover pop-up makes editing harder than before.

1 Like
4

cc @Dominik_Brdak @Mikhail_Melikhov

5

Urgh yes, this new style is really annoying, please revert it or make the new style optional. Perhaps the old style could become a new type of block like a ‘callout’ or ‘panel’, or something like that.

1 Like
6

I just noticed that it is currently not possible to select a range of content that includes both regular text and a code block. I’ve added this as an additional note to my original post.