Template:If mobile/styles.css: Difference between revisions
Jump to navigation
Jump to search
Fix |
imported>DLynch (WMF) Change the selector to work with MobileFrontend changes |
||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
.ifmobile > .mobile | /* Because of how TemplateStyles and MobileFrontend work, it's not possible to | ||
directly test for whether the mobile site is being used in a TemplateStyle. As | |||
such we'll use Minerva as a proxy. This is imperfect. */ | |||
body:not(.skin-minerva) .ifmobile > .mobile { | |||
display: none; | display: none; | ||
} | } | ||
| Line 7: | Line 11: | ||
Overrides skin-based css for hiding the nomobile class, e.g. Timeless skin with screen size less than 850px. | Overrides skin-based css for hiding the nomobile class, e.g. Timeless skin with screen size less than 850px. | ||
*/ | */ | ||
.ifmobile > .nomobile { | body.skin-minerva .ifmobile > .nomobile { | ||
display: inherit; /* The fallback */ | display: inherit; /* The fallback */ | ||
display: initial; | display: initial; | ||
} | } | ||
Latest revision as of 23:54, 15 April 2022
/* Because of how TemplateStyles and MobileFrontend work, it's not possible to
directly test for whether the mobile site is being used in a TemplateStyle. As
such we'll use Minerva as a proxy. This is imperfect. */
body:not(.skin-minerva) .ifmobile > .mobile {
display: none;
}
/*
Force nomobile element to display when present.
Overrides skin-based css for hiding the nomobile class, e.g. Timeless skin with screen size less than 850px.
*/
body.skin-minerva .ifmobile > .nomobile {
display: inherit; /* The fallback */
display: initial;
}