User:Fishshapedfish: Difference between revisions

From Mizuumi Wiki
Jump to navigation Jump to search
(more list collapsible video formatting ideas)
(hacky inline list collapsible video)
Line 76: Line 76:
*Sets up left/right okizeme
*Sets up left/right okizeme
</div>
</div>
Sadly this breaks when not in a list...
<div>
'''2AA c5B 5C 6C'''(replay 1-1) <div class="mw-collapsible mw-collapsed" data-expandtext="show video example" data-collapsetext="hide video example">{{#ev:youtube|hekm-yci8MU}}</div>
*2B is recommended at ranges where c5B would whiff
*Sets up left/right okizeme
</div>
Another idea, use an inline list to keep the collapse link left aligned on the same line
<div>
'''2AA c5B 5C 6C'''(replay 1-1) <ol style="list-style-type: none; margin: 0; padding: 0; display: inline;"><li style="display: inline"><div class="mw-collapsible mw-collapsed" data-expandtext="show video example" data-collapsetext="hide video example">{{#ev:youtube|hekm-yci8MU}}</div></li></ol>
</div>
<div>
'''2AA c5B 5C 6C'''(replay 1-1) <ol style="list-style-type: none; margin: 0; padding: 0; display: inline;"><li style="display: inline"><div class="mw-collapsible mw-collapsed" data-expandtext="show video example" data-collapsetext="hide video example">{{#ev:youtube|hekm-yci8MU}}</div></li></ol>
</div>
<div>
:*'''2AA c5B 5C 6C'''(replay 1-1) <ol style="list-style-type: none; margin: 0; padding: 0; display: inline;"><li style="display: inline"><div class="mw-collapsible mw-collapsed" data-expandtext="show video example" data-collapsetext="hide video example">{{#ev:youtube|hekm-yci8MU}}</div></li></ol>
</div>
<div>
*'''2AA c5B 5C 6C'''(replay 1-1) <ol style="list-style-type: none; margin: 0; padding: 0; display: inline;"><li style="display: inline"><div class="mw-collapsible mw-collapsed" data-expandtext="show video example" data-collapsetext="hide video example">{{#ev:youtube|hekm-yci8MU}}</div></li></ol>
</div>
<div>
*'''2AA c5B 5C 6C'''(replay 1-1) <ol style="list-style-type: none; margin: 0; padding: 0; display: inline;"><li style="display: inline"><div class="mw-collapsible mw-collapsed" data-expandtext="show video example" data-collapsetext="hide video example">{{#ev:youtube|hekm-yci8MU}}</div></li></ol>
</div>
Seems to work well but maybe it's a bit too hacky?

Revision as of 17:09, 19 May 2024

Unindented

  • 2AA c5B 5C 6C (replay 1-1)
    • 2B is recommended at ranges where c5B would whiff
    • Sets up left/right okizeme
  • 2AA c5B 5C 6C (replay 1-1)
    • 2B is recommended at ranges where c5B would whiff
    • Sets up left/right okizeme

Indented

    • 2AA c5B 5C 6C (replay 1-1)
      • 2B is recommended at ranges where c5B would whiff
      • Sets up left/right okizeme
    • 2AA c5B 5C 6C (replay 1-1)
      • 2B is recommended at ranges where c5B would whiff
      • Sets up left/right okizeme

With custom links, looks awful and requires ids

  • a [show video example]
  • b

Separate lists, using divs to force a new list every time

  • 2AA c5B 5C 6C(replay 1-1)
    • 2B is recommended at ranges where c5B would whiff
    • Sets up left/right okizeme
  • 2AA c5B 5C 6C(replay 1-1)
    • 2B is recommended at ranges where c5B would whiff
    • Sets up left/right okizeme
  • 2AA c5B 5C 6C(replay 1-1)
    • 2B is recommended at ranges where c5B would whiff
    • Sets up left/right okizeme

Sadly this breaks when not in a list...

2AA c5B 5C 6C(replay 1-1)
  • 2B is recommended at ranges where c5B would whiff
  • Sets up left/right okizeme

Another idea, use an inline list to keep the collapse link left aligned on the same line

2AA c5B 5C 6C(replay 1-1)
2AA c5B 5C 6C(replay 1-1)
  • 2AA c5B 5C 6C(replay 1-1)
  • 2AA c5B 5C 6C(replay 1-1)
  • 2AA c5B 5C 6C(replay 1-1)

Seems to work well but maybe it's a bit too hacky?