Tags: Reverted Mobile edit Mobile web edit Advanced mobile edit |
|
| Line 183: |
Line 183: |
| } | | } |
| } | | } |
| }
| |
|
| |
| /* Force navboxes to display on Minerva skin */
| |
| .navbox, .navbox-inner {
| |
| display: block !important;
| |
| }
| |
|
| |
| @media screen and (max-width: 720px) {
| |
| .navbox, .vertical-navbox {
| |
| max-width: 90vw !important;
| |
| overflow-x: auto !important;
| |
| margin: 1em auto;
| |
| padding: 0.5em;
| |
| border: 1px solid #aaa;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .navbox-group, .navbox-list {
| |
| display: flex !important;
| |
| flex-wrap: wrap !important;
| |
| gap: 0.5em;
| |
| justify-content: center;
| |
| padding: 0.5em;
| |
| }
| |
|
| |
| .navbox-group > li,
| |
| .navbox-list > li {
| |
| display: inline-block !important;
| |
| float: none !important;
| |
| margin: 0 !important;
| |
| }
| |
| }
| |
|
| |
| /* Force navbox layout to stack on mobile */
| |
| @media screen and (max-width: 720px) {
| |
| .navbox td,
| |
| .navbox th,
| |
| .navbox tr,
| |
| .navbox tbody,
| |
| .navbox-subgroup {
| |
| display: block;
| |
| }
| |
|
| |
| .navbox-list ul {
| |
| display: flex;
| |
| white-space: nowrap;
| |
| overflow-x: auto;
| |
| overflow-y: hidden;
| |
| -webkit-overflow-scrolling: touch;
| |
| padding: 0.5em;
| |
| gap: 0.5em;
| |
| }
| |
|
| |
| .navbox-group-title {
| |
| white-space: nowrap;
| |
| text-overflow: ellipsis;
| |
| overflow: hidden;
| |
| background: #ccd2d8;
| |
| padding: 0.2em 0.85em;
| |
| }
| |
|
| |
| .navbox-title {
| |
| text-align: center;
| |
| padding: 0.25em 0.85em;
| |
| background: #666;
| |
| color: white;
| |
| font-size: 1.4em;
| |
| }
| |
|
| |
| .navbox-list li {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| margin: 0 0.5em;
| |
| }
| |
|
| |
| /* Optional: hide navbox images for mobile */
| |
| .navbox img {
| |
| display: none;
| |
| }
| |
| } | | } |