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 00:54, 16 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;
}