Wikipedia:Administradores de interfaz/Tablón de solicitudes/Archivos/2024/07
Centrar verticalmente las cabeceras de las fichas
[editar]- Asunto
En la skin Vector 2022, los títulos en las cabeceras de las fichas aparecen desplazados hacia arriba en el eje vertical. Esto ocurre porque el elemento padre posee la propiedad display: flex
, por lo que vertical-align: middle
del hijo no se aplica.
Para centrar verticalmente este elemento en todas las skins, propongo modificar esta regla en MediaWiki:common.css de la siguiente forma:
Antes | Después |
---|---|
.infobox_v2 .cabecera, .infobox .cabecera { font-size: 140%; font-weight: bolder; height: 45px; line-height: 1.2em; text-align: center; vertical-align: middle; } |
.infobox_v2 .cabecera, .infobox .cabecera { font-size: 140%; font-weight: bolder; line-height: 2em; padding: 0.25em; text-align: center; vertical-align: middle; } |
Esto mantendrá el texto de la cabecera centrado y añadirá un poco de espacio extra para compensar por la pérdida de altura en la skin Vector 2010. En la skin 2022 la propiedad padding
será sobreescrita por una más específica de la skin, que ya aporta un poco de padding
. En la skin de móviles no se aplicarán estos cambios. Las propiedades introducidas tienen alto nivel de compatibilidad: véanse [1] y [2].
- Usuario que lo solicita
- Comentarios
- @Nacaru, @Ezarate, el doble espaciado de línea provoca demasiado espacio vacío entre líneas (obviamente, pues para eso se usa; pero ni era el estilo que tenía la ficha, ni tampoco es ninguna mejora llenarla ahora de huecos). Puede verse en cualquier título con más de una línea de texto, como por ejemplo en Electro-Harinera de Palma del Río (CC: CFA1877). Se debería regresar al valor de
line-height: 1.2em;
(el nuevopadding
es más que suficiente). -- Leoncastro (discusión) 19:49 10 jul 2024 (UTC)- Hecho Esteban (discusión) 22:59 10 jul 2024 (UTC)
- @Leoncastro, @Ezarate. Esto hace que la caja del titulo se vea más pequeña de lo normal cuando no hay saltos de línea, pero teniendo en cuenta que las fichas ya ocupan un espacio bastante significativo respecto a otras wikis, a mí me parece bien. Nacaru
(discusión) 12:58 11 jul 2024 (UTC)
- @Nacaru, si quieres afinar el tamaño exactamente a como estaba antes, entonces tendrás que solicitar que se modifique el
padding
que has solicitado tú mismo, por ejemplo apadding: 0.65em 0.25em;
(que aumenta en vertical los 0.80em que se pierden del espaciado de línea que habías generado en tu propuesta inicial —2em – 1.2em = 2 × [0.65em – 0.25em]
—). En lugar de poner un hueco entre el texto de linea y media vacías, se aumenta el colchón en casi media línea por arriba y otra casi media línea por abajo. Aunque a mi parecer creo que es suficiente el espaciado que has puesto. Por cierto, también será necesario hacer algún retoque ajeno al estilo general. -- Leoncastro (discusión) 14:32 11 jul 2024 (UTC)- @Leoncastro yo creo que puede quedarse así. Lo que estaría bien sería ir poco a poco eliminando el uso de píxeles en el código CSS como ocurría en ese caso. Pero bueno, eso es trabajo a largo plazo. sasha 14:49 11 jul 2024 (UTC)
- @Nacaru, si quieres afinar el tamaño exactamente a como estaba antes, entonces tendrás que solicitar que se modifique el
- @Leoncastro, @Ezarate. Esto hace que la caja del titulo se vea más pequeña de lo normal cuando no hay saltos de línea, pero teniendo en cuenta que las fichas ya ocupan un espacio bastante significativo respecto a otras wikis, a mí me parece bien. Nacaru
- Hecho Esteban (discusión) 22:59 10 jul 2024 (UTC)
- Respuesta
Hecho Esteban (discusión) 18:45 9 jul 2024 (UTC)
Corregir el fondo de la Plantilla:Aviso en el modo oscuro
[editar]- Asunto
- Mi solicitud se acoge al plan de actualizar y hacer compartible las plantillas con el nuevo modo oscuro
Para aplicar la nueva modificación, propongo modificar esta regla en MediaWiki:common.css de la siguiente forma:
Antes | Después |
---|---|
table.ambox { margin: 0 7% .8em; border-collapse: collapse; background-color: #fbfbfb; border-bottom: 1px solid #aaa; border-left: 1px solid #CCC; border-right: 1px solid #CCC; font-size: 95% } |
table.ambox { margin: 0 7% .8em; border-collapse: collapse; background-color: var(--background-color-interactive-subtle,#f8f9fa); border-bottom: 1px solid #aaa; border-left: 1px solid #CCC; border-right: 1px solid #CCC; font-size: 95% } |
A consideración se debería derivar acciones para corregir los colores de los iconos usados en algunos avisos, ya que al estar predefinido en color negro, en el modo oscuro no son visibles
- Usuario que lo solicita
- DANI 18:33 3 jul 2024 (UTC)
- Hi all, I'm a global interface editor, I've applied this change after @Danielyepezgarces asked for it on IRC. Matma Rex (discusión) 18:20 9 jul 2024 (UTC)
- Yo creo que
--background-color-notice-subtle
sería más apropiado que--background-color-interactive-subtle
, porque se trata de un aviso, no de algo con lo que se interactúe. -- Agabi10 (discusión) 13:15 14 jul 2024 (UTC)- Si tienes razón, hecho, aunque el color sigue siendo el mismo, solo que se organiza la variable, lo que hice fue copiar los mismos atributos que usaba enwiki para así acelerar el despliegue del modo oscuro, desde el día de ayer ya está disponible para toda la comunidad T371084 incluso para los no logueados
- Perdón por no leer tu sugerencia a tiempo, no me llego un aviso de que habías dejado tu opinión. Saludos DANI 20:09 7 ago 2024 (UTC)
- Yo creo que
- Hi all, I'm a global interface editor, I've applied this change after @Danielyepezgarces asked for it on IRC. Matma Rex (discusión) 18:20 9 jul 2024 (UTC)
- Soy consciente de que este es el último problema que tiene la Wikipedia en estos momentos, pero el nuevo tono de gris en las cajitas de avisos las hace aún más intrusivas y, sinceramente, se ven horribles. Veía más lógico el color que tenían antes, el mismo que el fondo de las fichas y la cajita de las categorías. ¿Existe algún motivo técnico por el cual no sea posible recuperarlo? Mortadelo2005 (Métete conmigo aquí) 12:06 8 ago 2024 (UTC)
- Concuerdo con Mortadelo2005. El color apropiado sería un tono más neutral, como estaba antes. Esto es usando
--background-color-neutral-subtle
, que viene siendo un color #f8f9fa , tal como figura en la alternativa. No tiene sentido alguno usar--background-color-notice-subtle
, que es #eaecf0 , con una alternativa ( #f8f9fa ) totalmente diferente. CC: Agabi10, Danielyepezgarces, Ezarate. ¿Alguno de los dos puede cambiarlo nuevamente aneutral
? Gracias. -- Leoncastro (discusión) 17:29 17 ago 2024 (UTC)
- Concuerdo con Mortadelo2005. El color apropiado sería un tono más neutral, como estaba antes. Esto es usando
- Respuesta
Hecho por Matma Rex Esteban (discusión) 18:46 9 jul 2024 (UTC)