FAIR is a non-profit organization dedicated to providing well-documented answers to criticisms of the doctrine, practice, and history of The Church of Jesus Christ of Latter-day Saints.
Array
MediaWiki:Common.css: Difference between revisions
MikeParker (talk | contribs) No edit summary |
MikeParker (talk | contribs) No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
word-break: keep-all; | word-break: keep-all; | ||
} | } | ||
. | /* Solución tipo table-responsive de Bootstrap - contenedor con scroll horizontal */ | ||
.content { | /* El contenedor padre actúa como wrapper con scroll, similar a .table-responsive */ | ||
overflow-x: auto; | .mw-parser-output, | ||
-webkit-overflow-scrolling: touch; | .mw-content-text { | ||
- | display: block !important; | ||
overflow-x: auto !important; | |||
-webkit-overflow-scrolling: touch !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
} | } | ||
/* | /* Las tablas mantienen su estructura normal pero con ancho mínimo similar a desktop */ | ||
table { | /* Similar a como Bootstrap hace: la tabla tiene un ancho mínimo que simula el ancho de desktop */ | ||
width: | .mw-parser-output table.wikitable, | ||
min-width: | .mw-content-text table.wikitable, | ||
.mw-parser-output table, | |||
.mw-content-text table { | |||
width: max-content !important; | |||
min-width: 900px !important; | |||
table-layout: auto !important; | table-layout: auto !important; | ||
margin: 1em 0 !important; | |||
} | } | ||
table.wikitable | /* Sobrescribir estilos inline de width */ | ||
.mw-parser-output table.wikitable[style*="width"], | |||
.mw-content-text table.wikitable[style*="width"], | |||
.mw-parser-output table[style*="width"], | |||
.mw-content-text table[style*="width"] { | |||
width: max-content !important; | |||
min-width: 900px !important; | |||
table | |||
table | |||
} | } | ||
table.wikitable td, | /* Las celdas mantienen su ancho natural sin comprimirse */ | ||
table.wikitable th | .mw-parser-output table.wikitable th, | ||
.mw-content-text table.wikitable th, | |||
white-space: normal; | .mw-parser-output table.wikitable td, | ||
word- | .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 { | |||
white-space: normal !important; | |||
word-wrap: break-word !important; | |||
} | } | ||
} | } | ||
Revision as of 13:54, 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;
}
/* Solución tipo table-responsive de Bootstrap - contenedor con scroll horizontal */
/* El contenedor padre actúa como wrapper con scroll, similar a .table-responsive */
.mw-parser-output,
.mw-content-text {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
max-width: 100% !important;
}
/* Las tablas mantienen su estructura normal pero con ancho mínimo similar a desktop */
/* Similar a como Bootstrap hace: la tabla tiene un ancho mínimo que simula el ancho de desktop */
.mw-parser-output table.wikitable,
.mw-content-text table.wikitable,
.mw-parser-output table,
.mw-content-text table {
width: max-content !important;
min-width: 900px !important;
table-layout: auto !important;
margin: 1em 0 !important;
}
/* Sobrescribir estilos inline de width */
.mw-parser-output table.wikitable[style*="width"],
.mw-content-text table.wikitable[style*="width"],
.mw-parser-output table[style*="width"],
.mw-content-text table[style*="width"] {
width: max-content !important;
min-width: 900px !important;
}
/* Las celdas mantienen su ancho natural sin comprimirse */
.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 {
white-space: normal !important;
word-wrap: break-word !important;
}
}