Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 4: Line 4:
     word-break: keep-all;
     word-break: keep-all;
   }
   }
 
/* Tablas con scroll horizontal en móviles - solución mejorada */
/* Tablas con scroll horizontal en móviles - solución directa sin wrapper */
/* Hacer que el contenedor tenga scroll horizontal sin romper la estructura de la tabla */
/* Hacer que las tablas tengan scroll horizontal cuando sean más anchas que el contenedor */
.mw-parser-output,
.mw-content-text {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* Las tablas mantienen su estructura normal pero con ancho mínimo para activar scroll */
.mw-parser-output table.wikitable,
.mw-parser-output table.wikitable,
.mw-content-text table.wikitable,
.mw-content-text table.wikitable,
.mw-parser-output table,
.mw-parser-output table,
.mw-content-text table {
.mw-content-text table {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
min-width: 600px !important;
min-width: 600px !important;
width: auto !important;
max-width: none !important;
table-layout: auto !important;
table-layout: auto !important;
margin: 0 !important;
margin: 0 !important;
}
/* Mantener la estructura de tabla para tbody, thead, etc. */
.mw-parser-output table.wikitable tbody,
.mw-content-text table.wikitable tbody,
.mw-parser-output table tbody,
.mw-content-text table tbody,
.mw-parser-output table.wikitable thead,
.mw-content-text table.wikitable thead,
.mw-parser-output table thead,
.mw-content-text table thead {
display: table !important;
width: 100% !important;
min-width: 600px !important;
}
.mw-parser-output table.wikitable tr,
.mw-content-text table.wikitable tr,
.mw-parser-output table tr,
.mw-content-text table tr {
display: table-row !important;
}
.mw-parser-output table.wikitable th,
.mw-content-text table.wikitable th,
.mw-parser-output table.wikitable td,
.mw-content-text table.wikitable td,
.mw-parser-output table th,
.mw-content-text table th,
.mw-parser-output table td,
.mw-content-text table td {
display: table-cell !important;
word-wrap: break-word !important;
white-space: normal !important;
}
}
}
}

Revision as of 13:33, 29 January 2026

/* Responsive: Related articles - título arriba, contenido abajo */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
  .related-articles-box{
     word-break: keep-all;
  }
	/* Tablas con scroll horizontal en móviles - solución mejorada */
	/* Hacer que el contenedor tenga scroll horizontal sin romper la estructura de la tabla */
	.mw-parser-output,
	.mw-content-text {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	
	/* Las tablas mantienen su estructura normal pero con ancho mínimo para activar scroll */
	.mw-parser-output table.wikitable,
	.mw-content-text table.wikitable,
	.mw-parser-output table,
	.mw-content-text table {
		min-width: 600px !important;
		width: auto !important;
		max-width: none !important;
		table-layout: auto !important;
		margin: 0 !important;
	}
}