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>
74 lines
1.5 KiB
Go HTML Template
74 lines
1.5 KiB
Go HTML Template
{{template "base/head" .}}
|
|
|
|
<div class="page-content ui container">
|
|
<h1>Dropdown</h1>
|
|
a.k.a. overflow menu, ellipsis menu
|
|
|
|
<div class="button-sequence">
|
|
<details class="dropdown" id="dropdown-1">
|
|
<summary class="Options">
|
|
Options {{svg "octicon-triangle-down" 14}}
|
|
</summary>
|
|
<div class="content">
|
|
<ul>
|
|
<li>
|
|
<a id="dd1_g1_i1" href="#noscroll">Item 1</a>
|
|
</li>
|
|
<li>
|
|
<a id="dd1_g1_i2" href="#noscroll">Item 2</a>
|
|
</li>
|
|
<li>
|
|
<a id="dd1_g1_i3" href="#noscroll">Item 3</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="dropdown" id="dropdown-2">
|
|
<summary class="Options">
|
|
Options {{svg "octicon-triangle-down" 14}}
|
|
</summary>
|
|
<div class="content">
|
|
<ul>
|
|
<li>
|
|
<a id="dd2_g1_i1" href="#noscroll">Item 1</a>
|
|
</li>
|
|
<li>
|
|
<a id="dd2_g1_i2" href="#noscroll">Item 2</a>
|
|
</li>
|
|
<li>
|
|
<a id="dd2_g1_i3" href="#noscroll">Item 3</a>
|
|
</li>
|
|
</ul>
|
|
<hr>
|
|
<ul>
|
|
<li>
|
|
<a id="dd2_g2_i1" href="#noscroll">Item 4</a>
|
|
</li>
|
|
<li>
|
|
<a id="dd2_g2_i2" href="#noscroll">Item 5</a>
|
|
</li>
|
|
<li>
|
|
<a id="dd2_g2_i3" href="#noscroll">Item 6</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="dropdown" id="dropdown-3">
|
|
<summary class="Options">
|
|
Options {{svg "octicon-triangle-down" 14}}
|
|
</summary>
|
|
<div class="content">
|
|
<ul>
|
|
<li>
|
|
<a id="dd3_g1_i1" href="#noscroll">Only item</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{template "base/footer" .}}
|