updated accordian and dropdown to not overlap the arrow, provide enough space for the arrow, and keep the arrow at the top when theres multi-lines for the sumary text.

Reverted back the container padding.
This commit is contained in:
Yohn 2025-02-05 21:22:40 -05:00
parent e8bfb763ff
commit 869da59717
4 changed files with 37 additions and 23 deletions

View file

@ -542,7 +542,7 @@
<ol id="nav-example" role="list">
<li role="listitem"><a href="javascript:void(0);">Home</a></li>
<li role="listitem">
<details class="dropdown hide-arrow">
<details class="dropdown">
<summary class="secondary" role="button">About</summary>
<ul>
<li><a href="javascript:void(0);">Whats new in v2?</a></li>
@ -574,7 +574,7 @@
<ol id="nav-example2" role="list">
<li role="listitem"><a href="javascript:void(0);">Home</a></li>
<li role="listitem">
<details class="dropdown hide-arrow">
<details class="dropdown">
<summary>About 2</summary>
<ul>
<li><a href="javascript:void(0);">Whats new in v2?</a></li>
@ -600,11 +600,20 @@
<li role="listitem"><a href="javascript:void(0);">Pico CSS</a></li>
<li role="listitem"><a href="javascript:void(0);">Example</a></li>
<li role="listitem">
<details class="dropdown hide-arrow">
<details class="dropdown">
<summary>Submenu</summary>
<ul>
<li><a href="javascript:void(0);">Another Link</a></li>
<li><a href="javascript:void(0);">And Again</a></li>
<li>
<details class="dropdown">
<summary>Another Submenu</summary>
<ul>
<li><a href="javascript:void(0);">Another Link</a></li>
<li><a href="javascript:void(0);">And Again</a></li>
</ul>
</details>
</li>
</ul>
</details>
</li>