Anchura de Etiquetas Geshi

Iniciado por MinusFour, 15 Julio 2014, 21:43 PM

0 Miembros y 1 Visitante están viendo este tema.

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]

.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]
.geshi {word-wrap:break-word !important;}

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

Saludos

MinusFour

#2
¿Entonces el word wrap no estaba activado para windowbg?

Código (php) [Seleccionar]

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

Cita de: #!drvy en 15 Julio 2014, 22:46 PM
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]

// ==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");