Developer Mode: Difference between revisions

Developer Mode (view source)

Revision as of 23:52, 26 April 2025

738 bytes removed , 26 April

→‎Using the console: I've just become aware that these buttons never looked right in Safari and Firefox and I was relying on undefined/buggy behavior for them to look right in Chromium browsers; I have made a template that yields the same results in all browsers and moved the buttons to using it

Iritscen

Bureaucrats, Interface administrators, Suppressors, Administrators

19,704

edits

@@ Line 137: / Line 137: @@
 ==Using the console==
 {|border=1 cellspacing=0 cellpadding=2 style="float:right; border-color:#dddddd;"
-|width=95px align=center style="border-width:4px 4px 2px 2px; border-radius:1em; box-shadow:inset 0rem -0.8rem 2rem #dadada;"|<span style="font-size:175%">~</span><br><span style="font-size:200%; top:0.3em; position:relative">`</span>
+|{{KeyboardButton|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}
-|width=95px align=center style="border-width:4px 4px 2px 2px; border-radius:1em; box-shadow:inset 0rem -0.8rem 2rem #dadada;"|<span style="font-size:150%">§</span><br><span style="font-size:150%; top:0.3em; position:relative">½</span>
+|{{KeyboardButton|top_char=§|bot_char=½}}
-|width=95px align=center style="border-width:4px 4px 2px 2px; border-radius:1em; box-shadow:inset 0rem -0.8rem 2rem #dadada;"|<span style="font-size:150%">°</span><br><span style="font-size:150%; top:0.3em; position:relative">^</span>
+|{{KeyboardButton|top_char=°|bot_char=^}}
-|width=95px align=center style="border-width:4px 4px 2px 2px; border-radius:1em; box-shadow:inset 0rem -0.8rem 2rem #dadada;"|<span style="font-size:150%"></span><br><span style="font-size:150%; top:0.3em; position:relative">2</span>
+|{{KeyboardButton|top_char=&nbsp;|bot_char=2}}
 |-
 |align=center style="border-width:0px"|U.S.<br>QWERTY