Redimensionar blocos de código?

Estou procurando um recurso ou tema que me permita, como leitor, redimensionar blocos de código em postagens.

Por quê? Passamos muito tempo olhando logs e, dependendo do ambiente, pode haver muito “preâmbulo” em cada linha de log. Aqui está um exemplo:

7 curtidas

Talvez possamos reutilizar nosso recurso “Expandir Tabela” para funcionar em codeblocks também…

3 curtidas

Bem, eu não descobri o redimensionamento horizontal, mas consegui adicionar o redimensionamento vertical com um pouco de CSS:

// Blocos de código com rolagem
.hljs {
    resize: vertical;
    height: 515px;
    max-height: unset;
}

Editar: Bem… esquece. Acabei de perceber que quando o bloco de código é curto, isso^ faz com que a div fique muito alta. :frowning:

2 curtidas

É provavelmente uma sugestão ingênua, mas que tal white-space: break-spaces; para ter quebra de linha?

1 curtida

Na verdade, fiz algum trabalho no início do ano para colocar blocos de código em tela cheia. Primeiro, você precisa ter a configuração show_copy_button_on_codeblocks habilitada. Em seguida, qualquer bloco de código que tenha uma rolagem horizontal terá 2 botões — o botão de cópia e o botão de tela cheia (o botão de cópia estará lá independentemente):

Em seguida, uma janela modal será exibida sem a rolagem horizontal:

6 curtidas

@Canapin você realmente não quer que blocos de código quebrem linha. É por isso que eu formato 99% das postagens que eu edito: para colocar as coisas que não deveriam quebrar linha em blocos de código.

E obrigado pela dica @martin. Posso tentar isso no ínterim, mas ainda estou na esperança de redimensionamento inline… :crossed_fingers: :innocent:

2 curtidas

Ativei o show_copy_button_on_codeblocks e este é um bom passo intermediário. :innocent:
Vale notar que você precisa passar o mouse sobre o bloco de código para que os botões apareçam. Pensei inicialmente que não estava funcionando.

E sobre o tópico de blocos de código redimensionáveis inline, pode valer a pena apontar que o editor SQL do Data Explorer é totalmente redimensionável. (Sei que a página é construída de forma diferente, mas…)

1 curtida

Então, quando eu habilito show_copy_button_on_codeblocks, ele não mostra a opção de copiar (ou expandir). Há algo mais que estou perdendo?

1 curtida

O botão de expansão só aparecerá se o bloco de código rolar horizontalmente. Não tenho certeza por que o botão de cópia não apareceu. Ele fica oculto até você passar o mouse sobre o bloco de código, talvez seja isso?

Fiquei quieto por um tempo, mas ainda quero poder expandir blocos de código inline.

No momento, estou vendo o código em um pop-up. E o recurso de responder/citar aparentemente não está disponível. :sadpanda: