Template:CodeBlock/sandbox: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
(attempting to fix inconsistent line fixing, starting by copy/pasting the template refractored) |
||
| Line 1: | Line 1: | ||
<noinclude>{{ | <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> | |||
Available doc translations 
