MediaWiki:Common.css: Difference between revisions

Revision as of 19:44, 5 June 2025

/*
 * Aturan CSS ini diterapkan ke semua skin dan perangkat.
 * Media queries digunakan untuk menyesuaikan tampilan di layar mobile.
 * Tempatkan kode ini di bagian bawah file MediaWiki:Common.css Anda.
 */

@media all and (max-width: 768px) {
    /* Sembunyikan sidebar navigasi di perangkat mobile */
    #mw-navigation {
        display: none;
    }

    /* Lebarkan area konten utama untuk mengisi seluruh lebar layar mobile */
    #content {
        margin-left: 0 !important; /* !important diperlukan untuk menimpa aturan default MediaWiki */
    }

    /* Sesuaikan ukuran font dasar untuk keterbacaan yang lebih baik di mobile */
    body {
        font-size: 16px;
    }

    /* Pastikan gambar tidak meluap dari kontainer dan tetap proporsional */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Buat tabel bisa di-scroll secara horizontal jika terlalu lebar di mobile */
    table {
        display: block; /* Mengubah tabel menjadi elemen blok */
        overflow-x: auto; /* Mengaktifkan scrolling horizontal jika kontennya melebihi */
        white-space: nowrap; /* Mencegah teks dalam sel tabel pecah baris */
    }

    /* === Perbaikan spesifik skin tertentu (jika diperlukan) === */
    /*
     * Jika Anda menggunakan skin seperti Vector atau Monobook,
     * mungkin ada elemen lain yang perlu disesuaikan.
     * Contoh:
     * #mw-head { width: 100%; }
     * #mw-panel { display: none; }
     */
}