Anchura de Etiquetas Geshi

[MinusFour]

Estoy usando el tema default del foro y lo que pasa es de que las etiquetas geshi tienen diferente tamaño dependiendo del css del post (windowbg, windowbg2).

Es un poco molesto, cuando ponen código con lineas largas por el word wrap.

Por ejemplo:





Tienen una linea así:

Código (css) [Seleccionar] Expandir


.windowbg2 .geshi {word-wrap:break-word !important; max-width:800px !important;}

No afecta a todos, solo a los que tienen resoluciones "grandes". Yo estoy usando 1920x1080, por eso no estoy aprovechando toda mi pantalla.

¿El max-width es necesario para algo? De todas formas, me voy a hacer un script para deshabilitarlo, solo me parecio comentarlo.

[#!drvy]

La verdad es que yo propuse ese "fix" pero no tengo ni idea de porque incluí el max-width xD

La solucion seria directamente

Código (css) [Seleccionar] Expandir

.geshi {word-wrap:break-word !important;}

Sin el windowbg ni nada... le mandare un PM a el-brujo para avisar.

Saludos

[MinusFour]

¿Entonces el word wrap no estaba activado para windowbg?

Código (php) [Seleccionar] Expandir


TestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttTesttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

Parece que eso tambien corrije esto: ^

[#!drvy]

En realidad el fix era solo para cuando miras los posts de alguien.

https://foro.elhacker.net/profiles/punkerman-u18890.html;sa,showPosts

Si te fijas, ahí si que actúa el word-wrap porque todos los mensajes aparecen con clase windowbg2.

El problema era que a diferencia de los posts, en la pestaña de mensajes, los divs se expandían lo que durase el código de ancho y se hacia difícil de leer mirar / leer/ interactuar en algunos casos.

Saludos

[MinusFour]

En realidad el fix era solo para cuando miras los posts de alguien.

https://foro.elhacker.net/profiles/punkerman-u18890.html;sa,showPosts

Si te fijas, ahí si que actúa el word-wrap porque todos los mensajes aparecen con clase windowbg2.

El problema era que a diferencia de los posts, en la pestaña de mensajes, los divs se expandían lo que durase el código de ancho y se hacia difícil de leer mirar / leer/ interactuar en algunos casos.

Saludos

Entonces la razón del max-width es para que no se expandan los divs en esa pantalla. Porque si le dejas el word-wrap como quiera se siguen expandiendo los divs.

[#!drvy]

pos ... si.... y como no tienen una clase/id único, vete a diferenciar entre un post y "ver mensajes"... puñetero SMF xD Tendrá que ser javascript..

Saludos

[MinusFour]

En caso de que alguien quiera ampliar las etiquetas geshi (no aplica cuando estás viendo temas o posts de otras personas para no deformar las paginas) y no quiera escribir su propio script

Este es mi userscript:

Código (javascript) [Seleccionar] Expandir


// ==UserScript==
// @name       WindowBG Max-Width
// @namespace  http://minusfour.net
// @version    0.1
// @description Max-Width de Geshi Codes eliminado
// @match      http://foro.elhacker.net/*
// @copyright  2012+, You
// @require http://code.jquery.com/jquery-2.1.1.min.js
// @exclude http://foro.elhacker.net/profiles/*showPosts*
// ==/UserScript==

$(".windowbg2 .geshi").each(function(){
    this.style.setProperty("max-width", "100%", "important");   
});

$(".geshi").css("word-wrap", "break-word");