MediaWiki:Mobile.css: Difference between revisions

MediaWiki interface page
(Created page with "→‎All CSS here will be loaded for users of the mobile site: →‎Testing table improvements suggested here: https://medium.com/allenhwkim/mobile-friendly-table-b0cb066dbc0e: @media screen and (max-width: 600px) { table thead { display: none; } table td { display: flex; } table td::before { content: attr(label); font-weight: bold; width: 120px; min-width: 120px; } }")
 
No edit summary
Line 2: Line 2:


/* Testing table improvements suggested here: https://medium.com/allenhwkim/mobile-friendly-table-b0cb066dbc0e */
/* Testing table improvements suggested here: https://medium.com/allenhwkim/mobile-friendly-table-b0cb066dbc0e */
/* Changes also made to mobile.js */


@media screen and (max-width: 600px) {
@media screen and (max-width: 600px) {

Revision as of 12:44, 24 August 2022

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

/* Testing table improvements suggested here: https://medium.com/allenhwkim/mobile-friendly-table-b0cb066dbc0e */
/* Changes also made to mobile.js */

@media screen and (max-width: 600px) {
  table thead {
    display: none;
  }  table td {
    display: flex;
  }
  
  table td::before {
    content: attr(label);
    font-weight: bold;
    width: 120px;
    min-width: 120px;
  }
}