Template:CodeBlock/sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(attempting to fix inconsistent line fixing, starting by copy/pasting the template refractored)
(Blanked the page)
Tag: Blanking
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>
 
    {{modernTodo|Add syntax highlighting for relevant languages such as C, C++, Squirrel, Lua, AngelScript, Python, and
    QuakeC, as well as common non-code syntax, such as VMT, VMF, Soundscapes/scripts, RAD files, Studiomdl QC/QCI,
    etc.}}
</noinclude>
{{Doc}}__NOEDITSECTION__
<includeonly>
    <onlyinclude>
        <div
            style="overflow:hidden;background-color:{{#switch:{{{style|}}}|1=rgba(0,0,0,.1)|rgba(0,0,0,.3)}};{{#switch:{{{style|}}}|1=border:1px solid rgba(48,48,48,1);|}}border-radius:4px; font-family:monospace,monospace; line-height:1.125rem; text-indent:0; white-space:pre-wrap; margin: {{{margin|.3em 0 .3em 0}}}"><!--
-->{{#if:{{{src|{{{lang|}}}}}}|<div
                style="display:flex;justify-content:space-between;background-color:rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.1); font-family:monospace,monospace;line-height:1.125rem; text-indent:0; white-space:pre-wrap; padding:.5em"><!--
-->
                <div>{{{src|The source was not specified}}}<span style=user-select:none></span></div><!--
-->{{#if:{{{lang|}}}|<div>{{#switch:{{{lang}}}|plain=Plain
                    text|html=HTML|css=CSS|scss=SCSS|less=LESS|js=JavaScript|json=JSON|php=PHP|c=C|cs=C#|cpp=C++|pascal=Pascal|python=Python|java=Java|squirrel=Squirrel|lua=Lua|glua=gLua|{{{lang}}}}}<span
                        style=user-select:none></span></div>}}<!--
-->
            </div>}}<!--
-->
            <div style="width:100%">
                <div style="position:relative;width:100%;display:flex;max-height:{{{height|unset}}};overflow:auto"><!--
-->{{#if:{{{lines|}}}|<div
                        style="z-index:1;display:flex;position:sticky;left:0;height:100%;padding:.5em 0 .4em 0;background-color:{{#switch:{{{style|}}}|1=rgb(31,31,31)|rgb(24,24,24)}};border-right:1px solid rgb(48,48,48)">
                        <ol start="{{{start|1}}}"
                            style="text-align:right;pointer-events:none;white-space:nowrap;list-style-position:inside;margin-left:8px;margin-top:0;user-select:none;margin-right:-10px;text-indent:0">
                            {{padright:|{{#expr:5 * {{{lines}}}}}|<li> }}{{#ifexpr:{{{lines}}} > 100
                                |{{padright:|{{#expr:5 * ({{{lines}}} - 100)}}|
                            <li> }}}}{{#ifexpr:{{{lines}}} > 200 |{{padright:|{{#expr:5 * ({{{lines}}} - 200)}}|
                            <li> }}}}{{#ifexpr:{{{lines}}} > 300 |{{padright:|{{#expr:5 * ({{{lines}}} - 300)}}|
                            <li> }}}}{{#ifexpr:{{{lines}}} > 400 |{{padright:|{{#expr:5 * ({{{lines}}} - 400)}}|
                            <li> }}}}
                        </ol>
                    </div>}}<!--
-->
                    <div
                        style="width:100%;text-indent:0;line-height:1.6em;white-space:{{#if:{{{softwrap|}}}|pre-wrap|pre}};height:100%;tab-size:4;">
                        {{#if:{{{lightamount1|{{{lightstart1|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart1|1}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount1|1}}});position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}{{#if:{{{lightamount2|{{{lightstart2|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart2|2}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount2|1}}});position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}{{#if:{{{lightamount3|{{{lightstart3|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart3|3}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount3|1}}});position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}{{#if:{{{lightamount4|{{{lightstart4|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart4|4}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount4|1}}});position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}<div style="padding:.45em .5em;position:relative">{{{1|}}}<span
                                style=user-select:none></span></div>
                    </div><!--
-->
                </div>
            </div><!--
-->
        </div>
    </onlyinclude>
</includeonly>

Latest revision as of 07:31, 4 May 2024

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Template:CodeBlock/sandbox&oldid=398853"