Template:MomoTalk: Difference between revisions

transfer dark mode fixes by User:JoeXYZ
m (adjust image size so that height of profile equals student name + 1 line of student text)
(transfer dark mode fixes by User:JoeXYZ)
 
(2 intermediate revisions by the same user not shown)
Line 1:
<includeonly><templatestyles src="MomoTalk/style.css" /><div class="momotalk-container">
<div class="momotalk-top mw-no-invert"><span class="momotalk-logo-text">MomoTalk</span><span class="momotalk-close">✕</span></div>
<table class="momotalk-table">
{{#fornumargs: index | value
|{{#switch:{{#var: value}}
|sensei=<tr {{#if:{{{ group{{#var:index}}|}}}|class="momotalk-student-option-{{{ group{{#var:index}} | }}}-{{{ option{{#var:index}} }}}"}}><td></td><td><div class="momotalk-sensei-line-container mw-no-invert"><div class{{=}}"momotalk-sensei-line">{{{ text{{#var:index}} }}}</div></div></td></tr>
|student-text=<tr {{#if:{{{ group{{#var:index}}|}}}|class="momotalk-student-option-{{{ group{{#var:index}} | }}}-{{{ option{{#var:index}} }}}"}}>{{#if: {{{ profile{{#var:index}}| }}} | <td class{{=}}"momotalk-profile-picture">[[File:{{{ profile{{#var:index}}| }}}.png|58px]]</td> | <td></td> }}<!--
--><td>{{#if: {{{ name{{#var:index}}| }}} | <div class{{=}}"momotalk-student-name">{{{ name{{#var:index}}| }}}</div> |}} <div class{{=}}"momotalk-student-line-container mw-no-invert"><div class{{=}}"momotalk-student-line">{{{ text{{#var:index}} }}}</div></div></td></tr>
|reply=<tr><td></td><td><div {{#if:{{{ group{{#var:index}}|}}}|id="momotalk-sensei-option-group-{{{ group{{#var:index}} | }}}"}} class="momotalk-reply-container"><div class="momotalk-reply-header">Reply</div><hr><!--
-->{{#loop:option_i | 1 | 4 | {{#if:{{{ option{{#var:index}}_{{#var:option_i}} | }}} | <div class="momotalk-reply-option">{{{ option{{#var:index}}_{{#var:option_i}} }}}</div> | }} }}<!--
--></div></td></tr>
|relationship=<tr><td></td><td><div class="momotalk-relationship-story-container"><div class="momotalk-relationship-story-header">Relationship Event</div><hr><div class="momotalk-relationship-story-option mw-no-invert">To {{{ name{{#var:index}} }}}'s Relationship Story</div></div></td></tr>
|student-image=<tr>{{#if: {{{ profile{{#var:index}}| }}} | <td class{{=}}"momotalk-profile-picture">[[File:{{{ profile{{#var:index}}| }}}.png|50px58px]]</td> | <td></td> }}<!--
--><td>{{#if: {{{ name{{#var:index}}| }}} | <div class{{=}}"momotalk-student-name">{{{ name{{#var:index}}| }}}</div> |}} <div class{{=}}"momotalk-student-line-container">[[File:{{{ file{{#var:index}} }}}.png|class=momotalk-image]]</div></td></tr>
}}