¿Cambiar el tamaño de los bloques de código?

Estoy buscando una función o un tema que me permita, como lector, cambiar el tamaño de los bloques de código en las publicaciones.

¿Por qué? Pasamos mucho tiempo mirando registros y, dependiendo del entorno, puede haber mucha “introducción” en cada línea de registro. Aquí tienes un ejemplo:

7 Me gusta

Quizás podamos reutilizar nuestra función “Expandir Tabla” para que funcione también en bloques de código…

3 Me gusta

Bueno, no he logrado el redimensionamiento horizontal, pero pude agregar el redimensionamiento vertical con algo de CSS:

// Bloques de código con desplazamiento
.hljs {
    resize: vertical;
    height: 515px;
    max-height: unset;
}

Edición: Bueno… olvídalo. Me acabo de dar cuenta de que cuando el bloque de código es corto, eso^ hace que el div sea demasiado alto. :frowning:

2 Me gusta

Es probablemente una sugerencia ingenua, pero ¿qué tal un white-space: break-spaces; para tener ajuste de línea?

1 me gusta

De hecho, hice algo de trabajo a principios de año para poner los bloques de código en pantalla completa. Primero, tienes que tener habilitada la configuración show_copy_button_on_codeblocks. Luego, cualquier bloque de código que tenga una barra de desplazamiento horizontal tendrá 2 botones: el botón de copiar y el botón de pantalla completa (el botón de copiar estará allí independientemente):

Luego se mostrará una ventana modal sin la barra de desplazamiento horizontal:

6 Me gusta

@Canapin realmente no quieres que los bloques de código se ajusten. De hecho, por eso formato el 99% de las publicaciones que toco: para poner las cosas que no deberían ajustarse en bloques de código.

Y gracias por el consejo @martin. Puede que intente esto mientras tanto, pero todavía tengo la esperanza de que se redimensione en línea… :crossed_fingers: :innocent:

2 Me gusta

He activado show_copy_button_on_codeblocks y es un buen paso provisional. :innocent:
Cabe señalar que tienes que pasar el ratón por encima del bloque de código para que aparezcan los botones. Al principio pensé que no funcionaba.

Y sobre el tema de los bloques de código redimensionables en línea, vale la pena señalar que el editor SQL del Explorador de Datos es totalmente redimensionable. (Sé que la página está construida de forma diferente, pero…)

1 me gusta

Así que cuando habilito show_copy_button_on_codeblocks, no muestra la opción de copiar (ni la de expandir). ¿Me falta algo más?

1 me gusta

El botón de expansión solo se mostrará si el bloque de código se desplaza horizontalmente. No estoy seguro de por qué el botón de copiar no se mostraría. Está oculto hasta que pasas el cursor sobre el bloque de código, ¿quizás sea eso?

He estado callado por un tiempo, pero todavía quiero poder expandir los bloques de código en línea.

En este momento, estoy viendo código en la ventana emergente. Y la función de responder/citar aparentemente no está disponible. :sadpanda: