js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

add close button to sidebar

Browse Source
This commit is contained in:
Cory LaViska
2024-06-17 16:34:27 -04:00
parent c385101e1f
commit f43e35c3a9
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/_includes/base.njk
View File

@@ -86,6 +86,7 @@
{# Sidebar #}
{% if hasSidebar %}
<aside slot="navigation" id="sidebar" class="docs-aside" data-remember-scroll>
<wa-icon-button id="sidebar-close-button" name="xmark" label="Close" data-drawer="close"></wa-icon-button>
<nav>
{% include "sidebar.njk" %}
</nav>

13
docs/assets/styles/docs.css
View File

@@ -134,6 +134,19 @@ wa-page[view='desktop'] > #sidebar {
}
}
#sidebar-close-button {
display: none;
}
@media screen and (max-width: 768px) {
#sidebar-close-button {
display: inline-block;
position: absolute;
top: 1rem;
right: 1rem;
}
}
#sidebar nav {
padding-bottom: 1rem;
}