mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2026-05-12 22:10:25 +00:00
3cafb7fa6c
It has always been largely used for showcasing UI elements but that name didn't work too well for it. Testing: Some of existing tests depend on these pages, making it redundant to create extra tests. Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11019 Reviewed-by: Michael Kriese <michael.kriese@gmx.de> Reviewed-by: Gusted <gusted@noreply.codeberg.org>
41 lines
1.3 KiB
Go HTML Template
41 lines
1.3 KiB
Go HTML Template
{{template "base/head" .}}
|
|
|
|
<div class="page-content ui container">
|
|
<h1>Modals</h1>
|
|
|
|
<div class="button-sequence">
|
|
<button class="secondary button show-modal" data-modal="#short-modal">Short</button>
|
|
<button class="secondary button show-modal" data-modal="#medium-modal">Medium</button>
|
|
<button class="secondary button show-modal" data-modal="#long-modal">Long</button>
|
|
</div>
|
|
|
|
<dialog id="short-modal">
|
|
<article>
|
|
<header>Short modal</header>
|
|
<div class="content">🐈</div>
|
|
<footer class="actions">
|
|
<button class="secondary button cancel">{{ctx.Locale.Tr "settings.cancel"}}</button>
|
|
</footer>
|
|
</article>
|
|
</dialog>
|
|
<dialog id="medium-modal">
|
|
<article>
|
|
<header>Medium modal</header>
|
|
<div class="content">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
|
|
<footer class="actions">
|
|
<button class="secondary button cancel">{{ctx.Locale.Tr "settings.cancel"}}</button>
|
|
</footer>
|
|
</article>
|
|
</dialog>
|
|
<dialog id="long-modal">
|
|
<article>
|
|
<header>Long modal</header>
|
|
<div class="content">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
|
|
<footer class="actions">
|
|
<button class="secondary button cancel">{{ctx.Locale.Tr "settings.cancel"}}</button>
|
|
</footer>
|
|
</article>
|
|
</dialog>
|
|
</div>
|
|
|
|
{{template "base/footer" .}}
|