mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 01:46:14 -04:00
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:
parent
e8bfb763ff
commit
869da59717
4 changed files with 37 additions and 23 deletions
|
@ -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);">What’s 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);">What’s 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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue