MediaWiki:Mobile.css: Difference between revisions

From Candypedia
Display navboxes
 
tweaking
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */


/* 1) Prevent navboxes from collapsing */
/* force navboxes to show and scroll on mobile */
.navbox .mw-collapsible-content {
.navbox,
.navbox-inner {
   display: block !important;
   display: block !important;
}
   width: auto !important;
.navbox .mw-collapsible-toggle {
   overflow-x: auto !important;
   display: none !important;
}
 
/* 2) Allow horizontal scrolling */
.navbox {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -webkit-overflow-scrolling: touch;
}
}


/* 3) Lay out the groups/items in a single row */
/* lay out the groups inline so they scroll as one row */
.navbox-group,
.navbox-group,
.navbox-list {
.navbox-list {

Revision as of 19:37, 24 April 2025

/* All CSS here will be loaded for users of the mobile site */

/* force navboxes to show and scroll on mobile */
.navbox,
.navbox-inner {
  display: block !important;
  width: auto !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* lay out the groups inline so they scroll as one row */
.navbox-group,
.navbox-list {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.navbox-group > li,
.navbox-list > li {
  display: inline-block;
  float: none;
}