Template:Mobile: Difference between revisions

Template:Mobile (view source)

Revision as of 19:10, 5 October 2023

26 bytes added , 5 October 2023

m

Testing & tweaking

Kivik

Power Users, Administrators

3,616

edits

@@ Line 1: / Line 1: @@
-<includeonly><div id="MobileLink" style="{{#ifeq: {{{template|}}} | true | display: block; | display: none; }} margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center;
+<includeonly><<div id="MobileLink" class="{{#ifeq: {{{template|}}} | true | mobile-link | }}" style="margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center; display: none;">
-@media screen and (max-width: 767px) {
+'''This page is not optimized for mobile users!'''<br/>
-display: block; /* Show the div on devices with a screen width up to 767px */
-}">'''This page is not optimized for mobile users!'''<br/>
 For a better reading experience on mobile, visit the mobile-optimized version of this page: '''[[{{#if: {{{1|}}} | {{{1}}}/Mobile | {{PAGENAME}}/Mobile }}]]'''
+</div>
+<div style="display: block;">
+<style>
+ @media screen and (max-width: 767px) {
+#MobileLink.mobile-link {
+ display: block;
+}
+}
+</style>
 </div>{{Clear}}</includeonly>
 <noinclude>Simply insert this Template onto a page (wherever you want it) and it will generate a warning for mobile users + a redlink to create a mobile-optimized page. If you want, you can also include a single parameter to change the destination of the redlink.
@@ Line 9: / Line 16: @@
 === Default Usage: ===
 Let's assume we're using this on a character, named '''Joe Boggs'''', wiki page.
-<pre>{{Mobile|}}</pre>
+<pre>{{Mobile}}</pre>
 '''Generates:'''
 {{Mobile|Joe Boggs|template=true}}